前端开发

css实现按钮背景色渐变过渡

2019-06-01336次阅读css3css
background-position:指定图片的初始位置。这个初始位置是相对于以background-origin定义的背景位置图层来说的。background-size:设置背景图片大小。当取值为百分比时,表示指定背景图片相对背景区的百分比大小。当设置两个参数时,第一个值指定图片的宽度,第二个值指定图片的高度。
前端开发

css中@supports特性检测

2019-05-31323次阅读css3css
CSS @supports通过CSS语法来实现特性检测,判断当前浏览器对某个特性是否支持,实现渐进增强的效果。
前端开发

css属性值initial、inherit、unset关键字区别

2019-05-29957次阅读css3css
写了好几年的css还真没有注意到它们之间的区别,同时这也是一个很好的面试题。例如:问position属性有多少取值。通常的回答是static、relative、absolute和fixed。当然还有一个sticky。其实,除此之外,CSS属性通常还可以设置下面几个值:initial、inherit、unset、revert
前端开发

:root,:empty,:not伪类选择器

2019-05-29573次阅读css3
css3中的:root,:empty,:not伪类选择器小结。
前端开发

css多列等高布局

2019-05-29451次阅读css3css
多列等高布局,算是比较常见的一种布局,要求两列布局看上去高度一致(就是通常是两列背景色一致)。
前端开发

非标准CSS3属性-webkit-box-reflect制作倒影

2019-05-29483次阅读css3
在Web制作中,有些时候需要实现一些倒影的效果,可以使用非标准属性-webkit-box-reflect实现。
前端开发

为什么大部分CSS自定义属性放在:root中

2019-05-20435次阅读css3
建议使用:root的主要原因是因为CSS不仅用于设置HTML文档的样式。它还用于XML和SVG文件。对于XML和SVG文件,:root不是选择html元素,而是选择它们的根(例如svg文件中的SVG标记)。因此,全局范围的自定义属性的最佳实践是:root。
前端开发

MP4 video视频背景色变成透明

2019-05-17629次阅读css3
在Web开发的时候,有些交互特效比较复杂,需要使用视频实现,但是视频的背景色做不到是透明的,导致设计师在制作视频的时候必须跟背景融合在一起。 CSS mix-blend-mode混合模式中有一种混合模式名为滤色,单词是screen,其有一个很有意思的特性表现,那就是黑色和其它元素进行混合的时候表现为透明。视频背景色设置为黑色,同时设置如下CSS即可: mix-blend-mode: screen;
前端开发

css3 放大缩小循环动画代码片段

2019-05-07239次阅读css3
css3 放大缩小循环动画代码片段,在这里再次推荐一下跨浏览器的CSS动画库animate.css。
前端开发

CSS3图像动画并显示图像后面的文本

2019-04-29275次阅读css3
通过CSS3实现图像动画并显示图像后面的文本,通过这个例子来练习扩展你的CSS知识,并开动脑筋创建你自己独特的动画。