胖蔡说技术
随便扯扯

标签:css函数

CSS scale、scale3d函数的使用-胖蔡说技术
CSS

CSS scale、scale3d函数的使用

胖蔡阅读(1250)赞(1)

CSS函数scale()主要是为了实现元素的放大和缩小效果,使用的是元素的变换效果。使用的是元素的转换属性:transform的,该函数可以实现指定X轴和Y轴的放大、缩小效果。除此之外,我们还可以通过如下两种方式实现指定方向的转换。

CSS函数fit-content()使用-胖蔡说技术
CSS

CSS函数fit-content()使用

胖蔡阅读(1122)赞(0)

CSS函数fit-content()属于网格函数,除此之外的网格函数还有:minmax()、repeat()。顾名思义,这三个函数只能在网格布局中使用。fit-content()函数主要是用于给定布局可用大小,适应内容,其功能等同于:min...

CSS中实现数据限阈的数字函数-胖蔡说技术
CSS

CSS中实现数据限阈的数字函数

胖蔡阅读(805)赞(2)

CSS函数中提供了几个比较实用的数字函数,它可以帮助我们实现一定的数学计算功能。常见的数字函数目前提供了五个:calc()、max()、min()和clamp()函数。其基本实现功能如下

几个常见的滤镜CSS函数-胖蔡说技术
CSS

几个常见的滤镜CSS函数

胖蔡阅读(1077)赞(1)

CSS滤镜函数对于图像的增强效果往往有意想不到的效果,如设置图像灰度、亮度、透明度、饱和度、对比度等。本篇文章主要是介绍几个常见的CSS滤镜函数。

CSS通过blur实现高斯模糊-胖蔡说技术
CSS

CSS通过blur实现高斯模糊

胖蔡阅读(1211)赞(0)

通常的,CSS中我们可以通过blur(radius)函数实现高斯模糊,blur函数也是CSS中滤镜函数使用频率较高的一个,通过高斯模糊设置可以让我们的输出图像具有更好的呈现。函数格式如下:

CSS函数repeat()的使用-胖蔡说技术
CSS

CSS函数repeat()的使用

胖蔡阅读(916)赞(0)

CSS repeat()函数表示轨道列表的重复片段,主要是用于网格显示重复模式的列或者行。repeat()函数支持三种样式:、、。该函数适用的属性:grid-template-columns、grid-template-rows。其格式如下...

CSS 函数url()使用-胖蔡说技术
CSS

CSS 函数url()使用

胖蔡阅读(902)赞(0)

CSS函数原则上支持所有的URI资源属性值,支持加载本地资源或者是在线资源,格式为标准URI资源定位符格式。常见支持的CSS属性如:background、background-image、cursor、@font-face、list-sty...