CSS/CSS3
文章平均质量分 54
CSS前端样式类。
页神建辑-思而后学
总是让我做自我简介,真不知道介绍什么好了~~~~~
展开
-
css绘制三角形、梯形及梯形带圆角
这里使用css绘制各种图形都是采用单节点的方式,未涉及多节点组合图形绘制。主要是多边形绘制,如三角形、梯形。绘制三角形绘制各种三角形是以css-border为基础展开,巧用border(top/bottom/left/right)的尺寸值及色值。下面看一个矩形.ex-grid { position: fixed; width:0; height: 0; border: 100px solid #6c9;}这是一个矩形,没有宽高值,border100px,也就原创 2021-10-14 23:05:02 · 4855 阅读 · 0 评论 -
css-缓动效果贝塞尔曲线-cubic-bezier
css-缓动贝塞尔曲线-cubic-beziercubic-bezier是控制变化的速度曲线。贝塞尔曲线由至少两个控制点进行描述。WEB中使用的是三次贝塞尔曲线,即使用四个控制点[P0,P1,P2,P3]描述的曲线。cubic-bezier(, , , )实际上可以理解为两个坐标点数据,X轴的取值范围是0-1,超出会失效;y轴的取值无限制,参考范围0-1,不宜过大。ease - cubic-bezier(.25,.1,.25,1)linear - cubic-bezier(0,0,1,1原创 2021-05-28 23:05:07 · 688 阅读 · 0 评论 -
css实现毛玻璃实景局部虚化
css实现毛玻璃效果-强悍版实景局部虚化<div class="filter"><div class="box"></div></div>.filter{ position: relative; width:500px; height: 312px; margin:10rem; background: url(./image/view.jpg) no-repeat 0px 0px / 500px 312px;原创 2021-03-21 00:32:16 · 543 阅读 · 0 评论 -
css-十六进制8位带透明度色值(6位色值+2位透明度值)对照
css十六进制8位带透明度色值(6位色值+2位透明度值)使用对照表数值透明度值数值透明度值数值透明度值数值透明度值数值透明度值0002136426B63A184D61032238436E64A385D9205233B447065A686DB308243D457366A887DE40A2540467567AB88原创 2021-02-23 23:47:47 · 2659 阅读 · 0 评论 -
i图标标签元素与span行内元素内容不对齐的解决方法
Dom结构大致是: <a> <i>图标</i> <span>Delete</span></a>如上图,子节点i图标标签有vertical-align:middle属性。为使得子节点内容都居中,父节点a标签设置如下属性: line-height:2rem; text-align:center;图标与文字“Delete”没有对齐,文字“Delete”居中了,然而icon图标并未居中。在icon字体图标具有vert.原创 2020-12-27 21:06:35 · 4614 阅读 · 1 评论 -
css-display:grid布局解析
grid布局CSS grid布局是CSS中最强大的布局。它可以同时处理列和行。.container {display: grid;width: 400px;height: 400px;background: rgba(66, 41, 11, 0.239);}.item {line-height: 3;text-align: center;color: rgb(255, 255, 255);border-radius: 10px;}.item-1 {background-colo转载 2020-12-19 18:00:22 · 4215 阅读 · 0 评论 -
display:flex弹性布局讲解
弹性布局Web页面布局的一种方式,使用方便,效果完美,可以简便、完整、响应式地实现各种页面布局。主流浏览器都早已支持。.box {width: 400px;height: 80px;background: aquamarine;}.box-item {width: 60px;height: 60px;line-height: 60px;text-align: center;color: rgb(0, 0, 0);}.item-1 {background-color: rgb(1原创 2020-12-17 21:26:49 · 278 阅读 · 0 评论 -
css-overflow以及overflow:hidden的理解与使用
css-overflow的概念理解overflow是css样式类布局中一个非常常见的概念,它是用来规定当内容溢出目标框时需要如何处理的一种手段。该属性定义溢出固定内容区域内的子节点元素内容会如何做处理。overflow:词名值是否默认值作用overflowvisible是overflow设置该值或不设值的默认值。内容不会被修剪,会呈现在元素目标框之外overflowhidden否内容会被修剪隐藏,超出目标框的内容不可见overflowscroll否原创 2020-11-09 22:01:35 · 2129 阅读 · 0 评论 -
css尺寸单位分析大全
CSS单位类型原创 2019-12-25 22:50:18 · 207 阅读 · 0 评论 -
CSS calc()函数的使用
https://blog.csdn.net/romantic_love/article/details/80868909原创 2019-12-24 22:55:55 · 691 阅读 · 0 评论