图片/图形
纯CSS3绘制超逼真iPhone6动画效果
PetitQ
这是一款使用纯 css3 制作的非常逼真的 iPhone6 动画效果。这款 iPhone6 动画效果中没有使用任何图片，所有的图像和动画都使用 css3 完成。
HTML 结构
<div id="wrapper">
<div id="iphone">
<div id="side"></div>
<div id="lines">
......</div>
<div id="toggler">
<div></div>
</div>
<div id="aux"></div>
<div id="lightning"></div>
<div id="bottom-speaker">
......</div>
<div id="skrews">
......</div>
<div id="volume">
......</div>
<div id="front">
<div id="front-cover"></div>
<div id="camera">
<div></div>
</div>
<div id="speaker"></div>
<div id="screen">
<div id="reminder">
<div></div>
<div>Made by @_fbrz</div>
<div>now</div>
</div>
<div id="circle"></div>
<div id="time">12:42</div>
<div id="date">Saturday, January 4</div>
<div id="bottom"></div>
<div id="top"></div>
<div id="slide">
<div></div>
slide to unlock
</div>
<div id="signal">
......</div>
<div id="battery">
<div>86%</div>
......</div>
</div>
<div id="home">
<div></div>
</div>
</div>
<div id="shadow"></div>
</div>
</div>
也想出现在这里？联系我们吧
| 演示地址 | 立刻购买 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
