CSS3

分享CSS3新技术,CSS3动画,CSS3特效,CSS3代码和CSS3相关资源

视口(viewport)单位,使流体排版在页面上应用变为可能。视口单位是根据浏览器的视口尺寸的百分比来定义的。举个例子,1视口宽度(vw)等于视口宽度的1%,它不同于百分比的地方是,它的宽度是依赖于视口的宽度的,而百分比是元素的祖先元素来决定的。

阅读全文

rem 和 em 单位是由浏览器基于你的设计中的字体大小计算得到的像素值。em 单位基于使用他们的元素的字体大小。rem 单位基于 html 元素的字体大小。em 单位可能受任何继承的父元素字体大小影响。rem 单位可以从浏览器字体设置中继承字体大小。

阅读全文

CSS揭秘之沿着环形路径运动的动画

《CSS揭秘》里面发现一个很独特的一个动画,使用纯CSS3动画让一个元素沿着环形路径运动。听起来有点不可思议,本文将带你一起走进作者的文章中,由复杂到简单,由多个结构到简单结构解剖CSS3语句实现环形运动。

阅读全文

CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如,我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。本文分析了calc()的计算使用方法及兼容性

阅读全文

本文通过两个思路介绍了纯CSS实现多行内容超出时加省略号的代码,一种是支持webkit的浏览器,使用CSS3属性-webkit-line-clamp来限制行数,一种是通过加了一个绝对定位的伪元素来伪造一个省略号放在文字的最后面。常用第二种,兼容性较好。

阅读全文