![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
zhaohanqq
这个作者很懒,什么都没留下…
展开
-
给body设置背景图片,整个图片完整的充满屏幕
我想让整个登录界面有一个背景图片,自然想到的是在body上加background,代码如下:body { width:100%; height: 100%; background-image: url(../../Content/images/background-home-one.jpg); background-repeat: no-repeat; background-size:...原创 2018-11-18 18:27:52 · 37319 阅读 · 5 评论 -
透明度 opacity rgba(red, green, blue, alpha) filter:Alpha(opacity=x)
opacity:设置opacity的元素的所有后代元素都一起具有透明度rgba的前三个值范围是从0到255的整数或者0%到100%的百分比,仅设置背景透明度,不影响后代元素。只要涉及到color的地方都可以用rgba例如:和box-show配合使用,和渐变linear-gradient(线性渐变)/radial-gradient(径向渐变)配合使用background: linear-gr...原创 2018-11-18 11:25:56 · 666 阅读 · 0 评论 -
转载:伪元素的妙用
【CSS进阶】伪元素的妙用–单标签之美转载 2018-11-18 11:30:46 · 147 阅读 · 0 评论 -
box-shadow 单边阴影 双边阴影
单边阴影box-shadow: -12rpx 0rpx 16rpx -10rpx #ccc;双边阴影box-shadow: 5px 0px 5px -5px black, -5px 0px 5px -5px black;阴影半径很关键,为负值原创 2018-11-25 11:31:41 · 1469 阅读 · 0 评论 -
给伪元素的css属性动态赋值以及获取css属性值
一/ 设置值就是动态添加style$('head').append($('<style class="styleBefore">.leveltwo-scroll::before{height:' + domRight + 'px;}</style>'));二/ 获取值#leveltwo-scroll::before { content: '...转载 2018-12-15 10:47:57 · 2889 阅读 · 0 评论 -
backdrop-filter高斯模糊
backdrop-filter是在Filter Level2提出来的。这是一个实验技术,其取值和filter Level1中filter属性的属性值一样,包括:blur()urlbrightness()contrast()drop-shadow()grayscale()hue-rotate()invert()opacity()saturate()sepia()效果如下:...转载 2018-12-16 12:42:58 · 1688 阅读 · 0 评论 -
如何用css做一个正方形(自适应屏幕宽度)
DOM结构&amp;lt;div class=&quot;img-container&quot;&amp;gt; &amp;lt;div class=&quot;img-box&quot;&amp;gt; &amp;lt;img src=&quot;xxx&quot; /&amp;gt;原创 2019-01-08 20:23:29 · 2182 阅读 · 0 评论 -
常用的css样式
一、去除input默认样式textarea,select,input{ -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; outline: non...转载 2019-01-16 19:13:10 · 273 阅读 · 0 评论 -
父元素有transform样式 则子元素fixed定位失效
项目中使用的下拉刷新是mint-ui的loadmore组件,该组件下拉时用的transform样式,导致fiexd定位失效了,原因只要position:fixed;元素的父元素有transform样式,那么这个元素的fixed定位就会失效;无论是transform:translate(),scale()还是rotate().http://www.zhangxinxu.com/wordpress...原创 2019-05-16 18:41:05 · 1969 阅读 · 1 评论