一个创造性的、自动旋转画廊,纯CSS代码实现的相册,通过图像旋转一个3d空间。旋转动画核心代码.rotator { position: absolute; left: 0; right: 0; margin: auto; width: 55%; height: 150px; transform-style: preserve-3d; animation: roter 17s linear infinite; } .rotator:hover { animation-play-state: paused; } @keyframes roter { from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } } .items { position: absolute; height: 100%; width: 100%; overflow: hidden; border: 2px solid #333; } .items:hover img { transform: scale(1.2); } .items img { height: 100%; width: 100%; transition: all 3s ease; }
文件目录······
暂无数据
未经允许不得转载: ICode联盟 » 插件特效 » 纯css 3D画廊旋转特效
猜你喜欢
更多»
项目推荐
更多»
PDF电子书
更多»
Java多线程编程核心技术
(2)
Linux命令详解词典.pdf
(5)
深入Python3中文版
(0)
百度SEO一本通.pdf
(0)
mysql必知必会.pdf
(2)
疯狂JAVA讲义 pdf电子书
(3)
C# 图解教程pdf电子书
(3)
研磨设计模式 pdf电子书
(0)