利用简单的html5、css3做出“光天化日干这事“等简单效果

前言

one-------随着时光的流逝和网络的高速发展，如今我们的生活离不开网络，更离不开与网络息息相关的物件——手机，电脑。
像伙伴一样的它们偷偷摸摸的融入了我们的生活

two-------我们可以通过它们了解一些新鲜事物，也可以在上面找到属于我们自己的乐趣，无聊时刷刷小视频，看看新闻等等，
但是看视频刷新闻一定见过这种

看见这种新闻视频，第一反应就是：
“无敌的我，又迷路了”
当你点开之后，脑子里的第一画面就是

正文

     当你点开之后它会出现一个与标题不符的视频，
     用诱人的标题赚取点击量
     当你利用了这个简单的代码之后
     你也可以骗取别人的点击量

首先用video标签，将视频插入网页后，在里面加入标签poster=“图片地址”
将该图片显示为第一帧图片，直到用户点击播放按钮，这样你就可以博人眼球
利图片来达到想要的效果。。。。。

     <video src=""controls=""poster="">  </video>

你见过花瓣从ta面前飘过的样子吗？

这种简单特效，虽说它值五毛钱，但是如果你会的话，在ta心里远远不止五毛钱
一个花瓣的gif图，加上ta的自拍和五毛钱的css3，让花瓣从ta面前飘过
利用css3中的background

background：url() no-repeat 具体定位，url() no-repeat 具体定位;

你也可以多加几个五毛钱`

background：url（）no-repeat 具体定位，url（）no-repeat 具体定位，url（）no-repeat 具体定位；

如果你想眼里都是ta的话

background：url()；

下面推荐一个一元特效，让图片做动态相册里的效果
（配合鼠标移入hover使用使用效果更佳）
图片旋转：

transform：rotate（旋转角度）

图片缩放

transform：scale（缩放倍数）

图片移动

transform：translate（水平位移，垂直位移）

图片倾斜

transform：skew（倾斜角度）

当然，如果想让效果更明显的话，那一定就是加入它了

translate-duration：秒数；（过渡时间）
translate-delay：秒数；（等待时间）

综上所述，这就是几个简单的干这事特效，还在犹豫什么，快去让敲敲代码，让更多人看看干的是啥事吧！！！