麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > 實用代碼 > 正文

一個旋轉的CSS3 transform-style3D效果

2024-09-05 12:17:16

字體：大中小

來源：轉載

供稿：網友

一個旋轉的CSS3 3D效果展示，讓一個層作旋轉運動，看上去有3D效果，實現代碼精簡過了，看上去不算復雜，有助于CSS3學者參考。

<!DOCTYPE html><html><head>  <meta charset="utf-8">  <title>transform-style的3D效果測試</title><style>*{font-size: 14px;color: #fff; padding:0; margin:0;}#container {	position: relative;	height: 300px;	width: 300px;	-webkit-perspective: 500;	margin-top: 200px;	margin-right: auto;	margin-left: auto;}#parent {	margin: 10px;	width: 280px;	height: 280px;	background-color: #666;	opacity: 0.8;	-webkit-transform-style: preserve-3d;	-webkit-animation: spin 5s infinite linear;}#parent > div {	position: absolute;	top: 40px;	left: 40px;	width: 280px;	height: 200px;	padding: 10px;	-webkit-box-sizing: border-box;}#parent > :first-child {	background-color: #000;	-webkit-transform: translateZ(-100px) rotateY(45deg);}#parent > :last-child {	background-color: #333;	-webkit-transform: translateZ(50px) rotateX(20deg);	-webkit-transform-origin: 50% top;}	/*執行Y軸旋轉360度動畫*/@-webkit-keyframes spin {	from {-webkit-transform: rotateY(0);}	to {-webkit-transform: rotateY(360deg);}}</style></head>  <body>  <div   class="70qarhlowxag"   id="container">    <div   class="70qarhlowxag"   id="parent">      <div>武林網提供編程源碼、網站源碼、網頁素材、書籍教程、網站模板、網頁特效代碼等，做有質量的學習型源碼下載站。</div>    </div>  </div></body></html>

上一篇：CSS3制作分步注冊表單

下一篇：CSS3幻燈片-3d荷葉窗圖片切換

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

主站蜘蛛池模板：欧美va亚洲 | 91色琪琪电影亚洲精品久久 | 午夜在线观看视频网站 | 日本免费不卡一区二区 | 精品国产一区二区三区天美传媒 | 欧美福利视频一区二区三区 | 国产免费视频在线 | 中文字幕在线永久 | 欧美一级电影网站 | 2021国产精品视频 | 娇妻被各种姿势c到高潮小说 | 日本aaaa片毛片免费观看视频 | 免费观看视频在线 | 中文字幕免费在线观看视频 | 久草视频在线资源 | 深夜激情视频 | 欧美高清另类自拍视频在线看 | 黄色羞羞视频在线观看 | 亚洲啊v在线观看 | 91丨九色丨国产在线观看 | 毛片免费在线观看视频 | 欧美视频99 | 欧洲精品久久 | 黄色三级三级三级 | 成人黄色小视频网站 | 久久99国产精品久久 | 夜间福利网站 | a级毛片免费观看在线播放日本aaa一级片 | 欧美人与zoxxxx另类9 | 少妇av片 | 久草资源在线观看 | 久久久久久久久久美女 | 国产日产精品一区四区介绍 | 一区二区久久精品66国产精品 | 96视频在线免费观看 | 激情在线视频 | 亚洲成人入口 | 中文区永久区 | 91成人久久| 欧产日产国产精品v | 欧美成人高清视频 |