<strong><span style="font-size:12px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>MyHtml.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <style type="text/css"> *{margin:0px ; padding:0px} body{background:url("imgs/bg.jpg")} .list{width:1200px; height:700px;background:rgba(0,0,0,0.3 ); box-shadow:0px 0px 5px #000;margin:20px auto;} .list ul{padding:2px 0px;list-style-type:none;} .list ul li{width:240px;height:256px; float:left;margin:36px 25px;padding:5px; perspective:1000px; } .list .move{width:240px;height:256px;transform-style:preserve-3D; transform:translateZ(-30px); /*延长时间 */ transition:transform 12s} .list .move .poster,.list .move .infor{position:absolute; border:1px solid #99FF00;width:230px; height:246px; backface-visibility:hidden; } .list .move .poster{ transform:translateZ(130px); } .list .move .infor{ transform:rotateY(90deg) translateZ(130px); } .list ul li:hover .move{ transform:rotateY(-88deg) translateZ(20px); } .list ul li:hover .move .poster,.list .move .infor{ border-radius:12px;box-shadow:0px 0px 6px #CC00CC;overflow:hidden; } </style> </head> <body> <div class="list"> <ul> <li> <div class="move"> <div class="poster"> <img src="imgs/1.jpg" width=230px height=246px/> </div> <div class="infor"> <img src="imgs/2.jpg" width=230px height=246px/> </div> </div> </li> <li> <div class="move"> <div class="poster"> <img src="imgs/3.jpg" width=230px height=246px/> </div> <div class="infor"> <img src="imgs/4.jpg" width=230px height=246px/> </div> </div> </li> <li> <div class="move"> <div class="poster"> <img src="imgs/5.jpg" width=230px height=246px/> </div> <div class="infor"> <img src="imgs/6.jpg" width=230px height=246px/> </div> </div> </li> <li> <div class="move"> <div class="poster"> <img src="imgs/7.jpg" width=230px height=246px/> </div> <div class="infor"> <img src="imgs/8.jpg" width=230px height=246px/> </div> </div> </li> <li> <div class="move"> <div class="poster"> <img src="imgs/9.jpg" width=230px height=246px/> </div> <div class="infor"> <img src="imgs/10.jpg" width=230px height=246px/> </div> </div> </li> <li> <div class="move"> <div class="poster"> <img src="imgs/11.jpg" width=230px height=246px/> </div> <div class="infor"> <img src="imgs/12.jpg" width=230px height=246px/> </div> </div> </li> <li> <div class="move"> <div class="poster"> <img src="imgs/13.jpg" width=230px height=246px/> </div> <div class="infor"> <img src="imgs/14.jpg" width=230px height=246px/> </div> </div> </li> <li> <div class="move"> <div class="poster"> <img src="imgs/15.jpg" width=230px height=246px/> </div> <div class="infor"> <img src="imgs/16.jpg" width=230px height=246px/> </div> </div> </li> <li> <div class="move"> <div class="poster"> <img src="imgs/17.jpg" width=230px height=246px/> </div> <div class="infor"> <img src="imgs/18.jpg" width=230px height=246px/> </div> </div> </li> <li> <div class="move"> <div class="poster"> <img src="imgs/19.jpg" width=230px height=246px/> </div> <div class="infor"> <img src="imgs/20.jpg" width=230px height=246px/> </div> </div> </li> <li> <div class="move"> <div class="poster"> <img src="imgs/21.jpg" width=230px height=246px/> </div> <div class="infor"> <img src="imgs/22.jpg" width=230px height=246px/> </div> </div> </li> </ul> </div> </body></html></span></strong>Copy after login
BigDecimal method to compare sizes
How to turn off the firewall
html online editor
Bitcoin buying and selling process on Huobi.com
The server cannot be found on the computer solution
How Oracle creates a database
Introduction to the usage of sort() function in python
Which key should I press to recover when I can't type on my computer keyboard?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
