前端开发

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

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

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

2020-04-201797次阅读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-201532次阅读css模块css
通过box-shadow来实现滚动条带有进度背景色。
前端开发

CSS 变量传值给JS

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

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

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

纯CSS加载中动画

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

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

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

使用伪元素增加可点击区域

2019-12-071892次阅读HTMLcss模块css
根据网页无障碍阅读指南(WCAG)准则WCAG 2.1,触摸或鼠标的最小目标尺寸应为44×44像素。大小不是固定的,可能会根据使用情况而改变。但是,44×44像素是一个很好的起点。UX设计中要遵循的重要定律。简单地说,触摸或点击目标越大,越接近,用户与其进行交互的时间越短。仅通过更改元素的宽度和高度或使用填充,并不一定总是可以增大可点击区域。好吧,不妨使用伪元素增加可点击区域。因此当我们创建具有特定宽度和高度的伪元素时,它将充当其父元素的单击/触摸/悬停区域。
前端开发

CSS元素重叠并交织在一起的视觉效果

2019-11-061774次阅读csscss模块
在本文中,我们将使用CSS创建两个元素重叠并交织在一起的视觉效果。
前端开发

CSS过滤数据

2019-10-141399次阅读css
css不能根据包含的内容来选择内容,但是它可以根据属性和这些属性的值进行选择。