css学习技巧,css怎么学习最快

首页 > 经验 > 作者:YD1662022-10-31 22:37:33

placeholder 伪元素

使用 placeholder 伪元素来改变 placeholder 样式:

input::placeholder{ font-size:1.5em; letter-spacing:2px; color:green; text-shadow:1px 1px 1px black; }

css学习技巧,css怎么学习最快(9)

colors 动画

使用颜色旋转滤镜改变元素颜色。

button{ animation: colors 1s linear infinite; } @keyframes colors { 0%{ filter: hue-rotate(0deg); } 100%{ filter: hue-rotate(360deg); } }

css学习技巧,css怎么学习最快(10)

clamp() 函数

clamp() 函数的作用是把一个值限制在一个上限和下限之间,当这个值超过最小值和最大值的范围时,在最小值和最大值之间选择一个值使用。它接收三个参数:最小值、首选值、最大值。

h1{ font-size: clamp(5.25rem,8vw,8rem); }

css学习技巧,css怎么学习最快(11)

selection 伪类

设置选中元素的样式。

::selection{ color:coral; }

css学习技巧,css怎么学习最快(12)

上一页12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.