前端需要知道的CSS函数大全

之前一直以为css没有几个函数,今天才发现css现在竟然已经有86个函数了,意不意外,惊不惊喜!!!

我一直比较喜欢用css来解决之前js实现的效果,这样对性能时一种优化,自己也有成就感,希望这些函数能够更多的应用到自己的项目中,向张鑫旭老师学习做一些惊艳的效果出来把css玩出花

根据w3cplus中可以划分为以下几类:

属性函数:attr();

背景图片函数:linear-gradient()、radial-gradient()、conic-gradient()、repeating-linear-gradient()、repeating-radial-gradient()、repeating-conic-gradient()、image-set()、image()、url()、element();

颜色函数:rgb()、rgba()、hsl()、hsla()、hwb()、color-mod();

图形函数:circle()、ellipse()、inset()、polygon()、path()

滤镜函数:blur()、brightness()、contrast()、drop-shadow()、grayscale()、hue-rotate()、invert()、opacity()、saturate()、sepia();

转换函数:matrix()、matrix3d()、perspective()、rotate()、rotate3d()、rotateX()、rotateY()、rotateZ()、scale()、scale3d()、scaleX()、scaleY()、scaleZ()、skew()、skewX()、skewY()、translate()、translateX()、translateY()、translateZ()、translate3d();

数学函数:calc()、min()、max()、mixmax()、repeat();

缓动函数:cubic-bezier()、steps();

其他函数:counter()、counters()、toggle()、var()、 symbols()。
 

发布了193 篇原创文章 · 获赞 139 · 访问量 30万+

猜你喜欢

转载自blog.csdn.net/qappleh/article/details/103373881