懒人原生css3网页加载后图片翻转效果 -懒人源码

懒人原生css3网页加载后图片翻转效果

作者/代码整理：懒人 (转载请附加本文地址，带有“懒人原生”字样的谢绝转载) 发布日期：2014-12-19

效果描述：

一个很简单，但是效果很好的图片翻转效果

主要使用css3属性：变形(transform)以及动画(animation)

当网页加载完毕后，指定的图片会进行一个角度的切换，继而实现一个动画的连串动作

注意：因为是文档加载完毕后动画就立即执行，这个时候图片或许还没有加载出来，所以可能会出现无法看到动画效果的情况

所以建议将图片先下载到本地浏览，这样效果比较明显

使用方法：

1、将css样式引入到你的网页中

2、将body中的代码部分拷贝到你需要的地方即可

声明：凡标题注明“懒人原生”二字，均为本站原创，非书面授权谢绝转载