CSS3制作的一款按钮特效
2016-06-13 14:26
387 查看
/*.btn { width:230px; height:70px; font-size:70px; font-weight:bold; overflow:hidden; font: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 50px auto; } .btn ul { margin-top:-5px; margin-left:-45px; } .btn ul li { float: left; list-style-type:none; } .btn ul li:hover .top { margin-top: -76px; } .btn ul li a { display: block; background: #000; color: #fff; height: 75px; width: 230px; text-decoration: none; text-align:center; -webkit-transition: margin .4s ease-in-out; } .btn ul li .top { background: #e70f23; color: #fff; }*/
<!--<div class ="btn"> <ul> <li> <a href="#" class="top">home</a> <a href="#">emoh</a> </li> </ul> </div>-->
相关文章推荐
- CSS3 动画实现方法大全
- css学习笔记1
- SVG+JS path等值变化实现CSS3兴叹的图形动画
- 与指向的类型无关;转换要求 reinterpret_cast、C 样式转换或函数样式转换
- css样式设置鼠标选中后字体颜色以及背景颜色
- CSS3 Media 手机自适应
- 【CSS3】颜色--慕课网【学习总结】
- CSS优化的认识一二......
- html css 控制div或者table等固定在指定位置
- css 强制不换行
- 用 CSS 隐藏页面元素的 5 种方法
- 和css有关的方法有这些:
- CSS备忘录
- IE11下不能引入外部css的解决方法
- IE css hack
- 标准化命名CSS类,持续更新
- 梳理css-运行原理
- 使用important规则微调样式的顺序
- 文本超出编辑区域用省略号替代的css写法
- css3 背景渐变