![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
weixin_43795169
这个作者很懒,什么都没留下…
展开
-
图片大小超出div宽高时 如何按比例缩放
给img添加 object-fit属性<div> <img src=" " /></div>div{ width:100px; height:100px;}img{ width:100%; height:100%; object-fit:cover; //剪切图片,保留原始比例}object-fit属性所有的值object-fit: fill|contain|cover|scale-down|none|initial|inherit;原创 2020-06-04 15:43:19 · 1184 阅读 · 0 评论 -
黑色背景视频和白色背景图片变透明的方法
css 的 mix-blend-mode 属性例1: mix-blend-mode:screen 滤色<div> <div class="bg"></div> <video src="../../../2.mp4" autoplay="autoplay" muted="muted" /> <!--2.mp4是一个黑色背景的动...原创 2020-03-11 15:04:44 · 3851 阅读 · 0 评论 -
css选择器
1.基本选择器id选择器、类选择器、标签选择器、通配符选择器、群组选择器2.层次选择器(1)E F包含选择符(2)E>F 满足F是E的直接后代元素(3)E+F 获取到E的下一个相邻的兄弟元素(4)E~F 获取到E后面所有的F兄弟元素3.动态伪类选择器(1)E:link{}(2)E:visited{}(3)E:hover{}(4)E:active{}(5) E:foc...原创 2018-11-25 14:34:34 · 84 阅读 · 0 评论