你的位置:首页 > 软件开发 > 网页设计 > CSS3学习笔记(3)—左右飞入的文字

CSS3学习笔记(3)—左右飞入的文字

发布时间:2015-10-08 20:00:11
前几天看到一个企业招聘的动画觉得很炫,里面有个企业介绍的文字是用飞入的效果做出来的,今天尝试了写了一下,感觉还不错~\(≧▽≦)/~啦啦啦下面来看我做的动态效果:其实上面的效果很简单的,我的截图软件有问题,所以不是很清晰,但是大概的效果出现了~~~屏幕颜色从红变白是因为我把鼠标从 ...

前几天看到一个企业招聘的动画觉得很炫,里面有个企业介绍的文字是用飞入的效果做出来的,今天尝试了写了一下,感觉还不错~\(≧▽≦)/~啦啦啦

下面来看我做的动态效果:

CSS3学习笔记(3)—左右飞入的文字

其实上面的效果很简单的,我的截图软件有问题,所以不是很清晰,但是大概的效果出现了~~~屏幕颜色从红变白是因为我把鼠标从页面上移到截图软件上关闭截图,不要被这个干扰~~~~

 

一、页面的主体布局

<!DOCTYPE html><html>  <head>    <meta charset="utf-8" />    <title>左右淡入的企业介绍</title>    <link type="text/css" rel="stylesheet" href="css/animate.css" />  </head>  <body>    <div class="company">      <h2 class="company_name">上海世茂集团企业招聘</h2>      <h5 class="company_introduce">世茂集团,是以房地产开发为主的国际化企业集群,房地产界领袖企业之一。</h5>          </div>    </body></html>

原标题:CSS3学习笔记(3)—左右飞入的文字

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。