前端开发

移动端下select折腾一二

2019-10-24480次阅读IOScss模块html5
appearance: none、HTML标签的label属性、label标签结合select标签使用。
前端开发

移动端按钮点击效果伪类:active实现

2019-10-24939次阅读css模块IOS
HTML元素:active伪类常用于设定点击或其被激活状态下的样式。但在ios中,需要在相关的元素或者body上绑定ontouchstart事件才能使元素的:active生效。
前端开发

Firefox、Chrome浏览器滚动条样式设置

2019-10-21480次阅读css模块
Firefox支持无前缀的CSS属性scrollbar-color和scrollbar-width。基于WebKit / Blink的浏览器支持用于定制的非标准伪元素。
前端开发

CSS之::backdrop伪元素

2019-10-16356次阅读css模块
::backdrop伪元素就是控制需要视觉聚焦的元素后面的背景元素样式的。
前端开发

CSS自定义属性继承与默认值使用

2019-10-15381次阅读css模块
当我们为一个元素分配动画时,我们可以自定义它的一些属性,比如duration持续时间、delay延迟等等。假设我们有两个类:walk和run。两者共用相同的动画(命名为breath),run执行该动画的速度比walk快(分别为0.5s到2s)。
前端开发

background-clip背景裁剪实现嵌套渐变背景

2019-09-06487次阅读css模块
背景嵌套有很多方法可以实现这种效果,比如使用border边框、outline和box-shadow或它们的任意组合实现。但嵌套的渐变背景估计很难实现,你妨试试background-clip背景裁剪
前端开发

css3显示器故障形式的文本

2019-09-06398次阅读css模块
原文字和它的两个伪元素是相互堆叠在一起的。每一帧都使用transform: translate属性来移动元素或者clip裁切实现。
前端开发

提示滚动进度的指示器例如阅读进度

2019-09-05357次阅读css模块
给滚动的盒子添加一个从左下到到右上角的线性渐变,同时添加一个伪元素,把多出来的部分遮住。伪元素使用calc进行运算,减去了100vh,也就是减去一个屏幕的高度,这样渐变刚好在滑动到底部的时候与右上角贴合。而+5px则是滚动进度条的高度,预留出5px的高度。
前端开发

使用animation-delay保留动画起始帧

2019-09-05562次阅读css模块
CSS3 Animation中的animation-delay属性定义动画什么时候开始。值单位可以是秒(s)或毫秒(ms)。 允许负值,-2s 使动画马上开始,但跳过 2 秒进入动画。
前端开发

CSS3 Animation属性大全

2019-09-04499次阅读css模块
目前animation有下面9种属性,其中第一个是后面属性的简写形式。