css
css
小恶魔ly
这个作者很懒,什么都没留下…
展开
-
毛玻璃效果
功能描述如图 实现方法 background: hsla(0,0%,100%,.3); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);原创 2020-12-18 18:00:46 · 103 阅读 · 1 评论 -
CSS3 calc() 的定义与用法
CSS calc() 函数 转载:https://www.html.cn/book/css/values/functional/calc().htm - 定义与用法 calc() 函数用于动态计算长度值。 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px); 任何长度值都可以使用calc()函数进行计算; calc()函数支持 “+”, “-”, “*”, “/” 运算; calc()函数使用标准的数学运算优先级规则; 支持版本:CSS3 &l原创 2020-06-08 14:12:46 · 268 阅读 · 0 评论 -
object-fit 图片在容器中自适应
object-fit 图片在容器中自适应标签定义及使用说明浏览器支持语法取值 标签定义及使用说明 object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 object-fit 一般用于 img 和 video 标签,一般可以对这些原素进行保留原始比例的剪切、缩放或者直接进行拉伸等。 浏览器支持 IE7+ 语法 object-fit: fill|contain|cover|scale-down|none|initial|inherit; 取值 contain 被替换的内容将被缩放,以在填原创 2020-05-25 15:28:19 · 773 阅读 · 0 评论