素材シェアの傢 //

home follow about Material|Tutorial

[教程] 图片旋转至消失

2012年12月30日星期日 @ 13:58 | 0 Bubble 泡泡

何谓图片旋转至消失呢？

效果如下：

转贴请帖上我的部落格帖子 :D

打开 Blogger > 设计 > 模板 > 修改 HTML

Blogskins使用者：把以下的代码放在 </style> 之前
模板使用者：把以下的代码放在 ]]></b:skin> 之前

img{
-webkit-transform: rotate(0deg) scale(1);
-moz-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover{
-webkit-transform: rotate(360deg) scale(0);
-moz-transform: rotate(360deg) scale(0);
-o-transform: rotate(360deg) scale(0)
}

按 Save / preview ，然后按完成 :D

若转载本部落的素材，麻烦在 Chat Box 通知一声还有 贴上本部落 Logo 。
感激不尽 :D

<center><a href="http://blueberry-anmei.blogspot.com/" target="_blank"><img src="https://s26.postimg.org/kby22zh2h/logo_A.gif"/></a></center>