css3
关注
分享
扫一扫
John的WEB前端学习日记
这个作者很懒，什么都没留下…
展开
-
CSS伪类选择器nth-child 选择3的倍数个元素写法
CSS伪类选择器nth-child 选择3的倍数个元素写法web开发中，经常有对列表的3倍数列表项单独设置样式的需求。ul li:nth-child(3n+3) {color: #ccc;}上面的css是干什么用的，它就是在无序列表里面选择是3倍数的列。也就是第3个，第6个，第9个等等。...原创 2019-12-24 18:31:23 · 3220 阅读 · 0 评论 -
aos.css——页面滚动动效库
AOS 是一个用于在页面滚动的时候呈现元素动画的工具库，你可能会觉得它和WOWJS一样，的确他们效果是类似的。但是AOS是 css3动画驱动的库，当你滚动页面的时候能让元素动起来，当页面滚回顶部的时候，元素能够回到前一个状态，如此达到循环动画的效果。demo地址：https://michalsnik.github.io/aos/...原创 2018-02-23 11:17:16 · 1773 阅读 · 0 评论 -
利用CSS3实现的文字定时向上滚动
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>moveUp</title><style>ul,li{ margin:0; padding:0; }li{ list-style:转载 2018-07-03 11:33:36 · 7251 阅读 · 0 评论 -
grid网格布局
前言现在我们大家在实际的开发中，可能用的最多的就是flex布局，当然还有浮动和定位，除此之外，这两年一直听到网格布局是趋势，即grid布局，但是项目中没有太多的应用，所以特此总结一下，希望对大家也对我自己有帮助。给大家一个直接的效果体验一下：网格布局：就是一个容器内部由一个个的项目组成，是一个二维布局，接下来，我们就会围绕 容器 和项目 来介绍网格布局，目录...转载 2019-07-29 09:48:15 · 682 阅读 · 0 评论