孙小妹的博客


  • 首页

  • 归档

  • 标签

  • 搜索
close

css3 animation

发表于 2016-06-16   |   分类于 技术文档   |     |   阅读次数
CSS3 animations allows animation of most HTML elements without using JavaScript or Flash! 用css也可以写出漂亮的动画,使用keyframe来指定css属性随着时间的变化。animation类似与transi ...
阅读全文 »

css3 transition

发表于 2016-06-15   |   分类于 技术文档   |     |   阅读次数
W3C标准中对CSS3的transition这是样描述的:“CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。” transition 主要有四个参数 transiti ...
阅读全文 »

css3 transform

发表于 2016-06-15   |   分类于 技术文档   |     |   阅读次数
transform的含义就是改变,使…变形,很好理解,这篇文章也是css3的第一篇,让我进入css3的大门,开始前进吧。这些改变全是以自身为参考的哈,改变么,就是自己的改变。注:这里的x、y、z可以大写也可以小写,如:translatex(x) 和 translateX(x) 都可以。 移动(t ...
阅读全文 »

CSS 使用技巧

发表于 2016-06-15   |   分类于 技术文档   |     |   阅读次数
掌握css的使用技巧可以减少很多Google的时间,逼格也瞬间提升,这篇文章记录了一些必要的技巧,供自己和大家参考。 1. 块级元素的水平居中先为该元素设定一个明确的宽度,然后将margin的水平值设为auto。 1div#page {width: 960px; margin: 0 ...
阅读全文 »

CSS 理解优先级、布局和定位

发表于 2016-06-14   |   分类于 技术文档   |     |   阅读次数
CSS是显示网页的很棒的语言,也是很好学的语言,初学css的人在修改一些样式时,往往显得力不从心,因为自己就经历过,可能明明我改了这个颜色,但是却没生效,或者我想让这个div在页面的中间显示,但是就是不在中间,要不就是不理解float、position等不好理解的属性,下面就开始学习吧。 优先级 ...
阅读全文 »
1234
孙小妹

孙小妹

前端发烧友

16 日志
1 分类
9 标签
GitHub 知乎
© 2016 孙小妹
由 Hexo 强力驱动
主题 - NexT.Pisces