
css3
第十人i
开发工程师
个人博客: http://www.start6.cn
github: http://www.github.com/EightDoor
码云: http://www.gitee.com/EightDoor
展开
-
使用数据属性 data-* 属性允许我们在标准内于HTML元素中存储额外的信息
HTML 语法 语法非常简单。所有在元素上以data-开头的属性为数据属性。比如说你有一篇文章,而你又想要存储一些不需要显示在浏览器上的额外信息。请使用data属性: <article id="electriccars" data-columns="3" data-index-number="12314" data-parent="cars"> ... </article> JavaScript 访问 在外部使用JavaScript去访问这些属性的值同样非常原创 2020-06-28 16:03:34 · 297 阅读 · 0 评论 -
CSS 动画transition keyframes animation总结
CSS transitions 在改变CSS属性的时候,transitions提供给了开发者一共方式去控制动画的速度。 通常来讲,属性改变所产生的影响是立刻生效的,举个例子: .img { width: 200px; } .img:hover { width: 300px; } 触发hover的时候,你将看到图片在瞬间被放大,这种突兀的变化会带来很差的用户体验。 而使用CSS transitions就可以展现出变化过程中的过渡段。也就是说,transitions会将整个变化的过程展现出来,而不是简原创 2020-06-16 16:21:19 · 651 阅读 · 0 评论