一些简单而又不失个性的css3片段(持续更新)
来源:互联网 发布:巨牌一搜网络一搜同志 编辑:程序博客网 时间:2024/06/10 19:39
一、a链接淡入淡出
一般常用的我们鼠标放到a元素上变色,加上淡入淡出,只需要加个css代码就好了
a { transition: color .3s ease;}
注:transition 翻译为中文为 过渡
使用的是CSS3 transition属性,这个属性用作过渡的动画,不仅仅能够使用在color上,还有其他更多的属性,参见 http://www.w3school.com.cn/cssref/pr_transition.asp
二、使网站字体看起来更顺滑
body *{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; font-weight: 400;}
三、左右侧滑
transition-duration: 0.2s;transition-property: right;
其中思路是更改元素的right值,使用动态效果。(如果用left,那么代码中就要改成left)。可以通过toggleClass的方式来定义class的值。
如:默认元素的right是0
on的样式right=-30px。那么元素在加上on之后就会往左滑动啦
0 0
- 一些简单而又不失个性的css3片段(持续更新)
- 收藏的一些代码片段(持续更新)
- 积累一些常用的功能的代码片段。持续更新
- 一些css、css3画的效果等,持续更新
- DB2中一些简单的查询(持续更新中...)
- UILabel的一些不常用属性,持续更新
- iOS代码片段(持续更新)
- processing 常用代码片段(持续更新)
- PHP代码片段(持续更新)
- android浏览器不兼容的一些css和js(持续更新)
- JAVA的一些基础(持续更新)
- 一些有意思的网站(持续更新)
- Cocosbuilder的一些tips(持续更新)
- 一些有用的链接(持续更新)
- Cocosbuilder的一些tips(持续更新)
- tableView的一些用法(持续更新)
- 一些优秀的网站(持续更新)
- react-native的一些简单命令(怕忘记,持续更新)
- Windows下设置MySql数据库名、表名是否区分大小写
- 【转】mysql重连,连接丢失:The last packet successfully received
- FlowLayout及背包算法
- Hibernate JPA中@Transient、@JsonIgnoreProperties、@JsonIgnore、@JsonFormat、@JsonSerialize等注解解释
- java的Arrays类的应用
- 一些简单而又不失个性的css3片段(持续更新)
- Fragment要点总结
- java虚拟机内存不足,“Could not create the Java Virtual Machine”问题解决方案
- 进程死锁
- handler 的Looper.prepare()的问题
- JAVA_WEB之EL表达式与11大隐式对象
- JAVA 程序员一定知道的优秀第三方库(2016 版)
- redis缓存技术学习
- 破而后立