前端开发

带进度指示的CSS滚动条

2020-06-17248次阅读css模块css
带进度指示的CSS滚动条只适用于-webkit-vendor前缀的滚动条样式属性。
前端开发

CSS计数器CSS counters给数字后面加背景

2020-06-16288次阅读css模块css
CSS counters是CSS2.1中自动计数编号部分的实现。计数器的值通过使用counter-reset 和 counter-increment 操作,在 content 上应用 counter() 或 counters()函数来显示在页面上。
前端开发

CSS伪元素::marker选择列表项的标记框

2020-06-15365次阅读css模块css
在CSS中display设置list-item值之后就会生成一个Markers标记以及控制标记位置和样式的几个属性,而且还定义了计数器(计数器是一种特殊的数值对象),而且该计数器通常用于生成标记(Markers)的默认内容。
前端开发

CSS4媒体查询@media (hover: hover)

2020-06-15344次阅读csscss模块
CSS4媒体查询@media (hover: hover)仅允许您在具有悬停功能的设备上应用样式。
前端开发

css3实战linear-gradient渐变背景色平铺

2020-04-20370次阅读css模块css
background: #f7d79b;background:linear-gradient(to bottom,#f7d79b 0%,#f7d79b 50%,#F8D18C 50%,#F8D18C 75%,#F6D494 75%,#F6D494 100%);background-size:100% 4px;这里权当记录一下,下次拿来主义。
前端开发

css滚动条带有进度背景色

2020-04-20552次阅读css模块css
通过box-shadow来实现滚动条带有进度背景色。
前端开发

CSS 变量传值给JS

2020-02-25435次阅读javascriptcss模块css
CSS变量出现前,从CSS传值给JS非常困难,甚至需要借助一些Hack的手法。现在使用CSS变量,你可以直接通过JS获取变量值并进行修改:
前端开发

CSS3中border-radius实现椭圆角还可以这样写

2020-02-19501次阅读css模块css
CSS3中border-radius实现椭圆角,常规写法是border-radius:元素高度的一半。如果高度未知,请选择任意大的值(例如99em)。
前端开发

纯CSS加载中动画

2020-02-17341次阅读csscss模块
纯CSS加载中动画,看源码
前端开发

HTML中CSS类的顺序真的无关紧要

2019-12-25460次阅读css
标签中的类只是按照编写的顺序读取CSS—在此示例中,级联取胜。也可以说CSS总是从上到下、从右到左进行,因此CSS的顺序与HTML中的类无关。