1 Star 1 Fork 0

星冉/万花筒

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
jm.css 1020 Bytes
一键复制 编辑 原始数据 按行查看 历史
星冉 提交于 2020-05-17 15:30 . update
body{margin:0;}.box{position:relative;width:100px;height:112px;margin:150px auto 0 auto;transform-style:preserve-3d;transform:rotate(-15deg);animation:Changing 20s infinite linear;}.container{position:absolute;left:0px;top:0px;width:200px;height:112px;}.container:nth-of-type(1){transform:rotateY(0deg) translateZ(275px)}.container:nth-of-type(2){transform:rotateY(40deg) translateZ(275px)}.container:nth-of-type(3){transform:rotateY(80deg) translateZ(275px)}.container:nth-of-type(4){transform:rotateY(120deg) translateZ(275px)}.container:nth-of-type(5){transform:rotateY(160deg) translateZ(275px)}.container:nth-of-type(6){transform:rotateY(200deg) translateZ(275px)}.container:nth-of-type(7){transform:rotateY(240deg) translateZ(275px)}.container:nth-of-type(8){transform:rotateY(280deg) translateZ(275px)}.container:nth-of-type(9){transform:rotateY(320deg) translateZ(275px)}img{width:200px;height:112px;}@keyframes Changing{0%{transform:rotateX(-15deg) rotateY(0deg)}100%{transform:rotateX(-15deg) rotateY(360deg)}}
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML/CSS
1
https://gitee.com/XRSec/kaleidoscope.git
git@gitee.com:XRSec/kaleidoscope.git
XRSec
kaleidoscope
万花筒
master

搜索帮助