在做一些页面的时候,为了让页面更好看,我们常常需要设置一些背景图片,但是,当背景图片太过花哨的时候,又会影响我们的主体内容,所以我们就需要用到filter属性来设置他的模糊值。html代码如下<!DOCTYPE...阅读全文
admin @ 01月28日 16:20 阅读(26) 评论(0) 点赞(0)
<styletype=text/cssmedia=all>.logo-wrapper{position:relative;font-size:2em;font-weight:700;line-height:39px;overflow:hidden;margin:0}.logo-wrapper::before{content:;position:absolute;width:150px;...阅读全文
admin @ 2021-12-13 阅读(34) 评论(0) 点赞(0)
用css实现字体的旋转p{width:60px;height:60px;line-height:47px;font-size:20px;font-weight:bold;transform:rotate(-30deg);border-radius:50%;padding:5px;}阅读全文
admin @ 2021-09-03 阅读(36) 评论(0) 点赞(0)
1、实现效果2、实现原理采用绝对定位使div元素定位在左上角,在div里面画三角形作为背景。画三角的三种方法:   ①使用线性渐变的背景色,从左上角向右下角(135度角)进行渐变,渐变到50%时把颜色设...阅读全文
admin @ 2021-09-03 阅读(32) 评论(0) 点赞(0)
先看效果image这几种效果还可以做成鼠标hover效果第一种<divclass=btn1btn>流光</div>.btn1{width:100px;height:40px;border-radius:10px;background-color:#00b16a;overflow:hidden;position:relative;...阅读全文
admin @ 2021-08-26 阅读(39) 评论(0) 点赞(0)
一、css下兼容性的元素水平/垂直翻转实现随着现代浏览器对css3的支持愈发完善,对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能。相关的css代码如下:/*水平翻转*/.flipx{-moz-transform:sca...阅读全文
admin @ 2021-08-26 阅读(38) 评论(0) 点赞(0)
.bgPlay{background:url(../images/bg.jpg)no-repeat;/*background-size:autoauto||cover代表以宽或高填满元素背景*/background-size:cover;/*设置宽高值*/width:200px;height:200px;/*设置默认样式,开启3d硬件加速...阅读全文
admin @ 2021-08-26 阅读(31) 评论(0) 点赞(0)
不解析html直接输出代码<xmp>html代码</xmp>css优先级!important//使用方式float:right!important;CSS动画样式transition:all.2s;-webkit-transition:all.2s;css超过宽度的文字显示点点text-overflow...阅读全文
admin @ 2021-08-19 阅读(470) 评论(0) 点赞(0)