css3
关注
分享
扫一扫
前端技术负责人
不忘初心，砥砺前行
展开
-
CSS3中利用伪元素来实现右三角【border+rotate]
.more { position: absolute; right: 5px; top: 0px; background: -webkit-linear-gradient(left, #FF506C, #FF6BC6); border-radius: 15px; padding: 3px 20px 3px 10px; color: #fff;}.more::after { content: ""; position: ab...原创 2021-01-13 20:05:51 · 522 阅读 · 0 评论 -
CSS3中精灵图设置不同图片妙用class
<!-- 局部导航栏 --> <ul class="local-nav"> <li> <a href="#" title="景点·玩乐"> <span class="local-nav-icon-icon1"></span> <span>景点·玩乐</span> <...原创 2021-01-13 19:28:15 · 287 阅读 · 0 评论 -
CSS3过渡效果运用场景
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>CS.原创 2020-10-11 15:01:14 · 272 阅读 · 0 评论 -
CSS3模糊效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>图片.原创 2020-10-11 14:56:04 · 210 阅读 · 0 评论 -
CSS3新特性为元素选择器
注意：1.before和after船舰一个元素，但是属于行内元素2.新创建的这个元素在文档树中是找不到的，所以我们称为伪元素3.语法：element::before{}4.before和after必须由content属性5.before在父元素内容前面创建元素，after在父元素内容的后面插入元素6.伪元素选择器和标签选择器一样，权重为1<!DOCTYPE html><html lang="en"><head> <meta原创 2020-10-11 11:38:18 · 130 阅读 · 0 评论