css
关注
分享
扫一扫
coder86
这个作者很懒，什么都没留下…
展开
-
css3仿写水波纹效果
特效如下 是向四周扩散的效果，带animate的 直接上代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css3 水纹效果</title> <style type="text/css"> .p...原创 2020-01-06 14:00:34 · 222 阅读 · 0 评论 -
CSS3新特性
1.简介 CSS即层叠样式表，用于控制网页的样式和布局 CSS3是CSS2.1技术的升级，目前主流浏览器都已经支持大部分的功能。 在编写CSS3样式时，不同的浏览器可能需要不同的前缀，这表明CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新的浏览器可能不需要前缀了，但是为了更好的向前兼容，前缀暂时还不能少。 2.CSS3能做什么 CSS3把很多以前需要使用图原创 2017-04-17 15:01:55 · 548 阅读 · 0 评论 -
CSS3 3D效果
这里单独写一篇关于CSS3 3D动画的博文，和大家分享我对3D动画的认识 笛卡尔坐标系统 在说3D变换之前必须了解的一个坐标系统，浏览器对元素进行3D定位、渲染就是遵循这个笛卡尔坐标系统。 2D笛卡尔坐标系统 2D转换是沿着两个坐标轴定义，如下所示 值的注意的是，y轴是向下延伸，这是由于系统采用的是二维笛卡尔坐标系统。 坐标系统的X轴会沿着所要转换的元素节点向水平维度延伸，y轴原创 2017-05-03 14:57:02 · 758 阅读 · 0 评论 -
对伪元素:before、:after的认识
定义 :before将会在内容之前“添加”一个元素，而:after将会在内容后“添加”一个元素。由于我们是在CSS在添加内容，而不是在html代码中添加,所以它并不影响原来文档流的布局，在它们之中添加内容我们可以使用content属性。 例如在div前添加 p:before{ content:'before', color:red; } this is content 显示效果为原创 2017-04-12 17:22:50 · 4093 阅读 · 0 评论