![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
秋水易色
这个作者很懒,什么都没留下…
展开
-
导航条飞入飞出
Home a{text-decoration:none;font-size:1.2em;color:#333;} li{list-style:none;float:left;margin:0 2.2em} .cl-effect-16 a::before { color: #fc4f6b; content: attr(data-hover); positio原创 2016-11-28 16:41:09 · 288 阅读 · 0 评论 -
鼠标移上去显示
Home .clear { zoom:1; }.clear:after { content:''; display:block; clear:both; }figure { margin: 0;}img { vertical-align: middle;}.features-grids h4 { font-size: 21px; font-weight原创 2016-11-29 09:21:10 · 380 阅读 · 0 评论 -
按钮动效
Home a{font-size: 1.1em; font-weight: 400; color: #000; padding: 1.1em 2.5em 1.1em 2.5em; border: 2px solid #BA0C2F; text-decoration: none;}.hvr-bounce-to-bottom { displ原创 2016-11-29 09:47:19 · 1104 阅读 · 0 评论 -
按钮动画
Home body a {transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease;}a{border: 2px solid原创 2016-11-28 19:36:42 · 357 阅读 · 0 评论 -
按钮荡开波浪
Home .smartBtn{position: absolute; line-height: 30px;text-align: center;font-size: 16px;background:#fcc800;color:#495152;border:1px solid #fff; border-radius:8px;letter-spacing:1px;z-index:999原创 2016-11-28 19:05:13 · 232 阅读 · 0 评论 -
导航条左右扩大
Home li{list-style:none;float:left:margin:0 2em;}li a{float:left;text-decoration:none;}.cl-effect-1 a::before,.cl-effect-1 a::after { display: inline-block; opacity: 0; -webkit-transition原创 2016-11-28 20:41:57 · 928 阅读 · 0 评论 -
鼠标移上去以中心为原点慢慢出现
Home .gallery1 { position: relative;}.gallery-grid { padding: 0;}body a { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition原创 2016-11-29 18:56:34 · 350 阅读 · 0 评论