当前位置: 首页 > Web前端 > CSS

less实现文字长阴影(longshadow)

时间:2023-03-30 17:18:40 CSS

less实现文字长阴影(longshadow)问题,实现效果如下图。主要知识点是css中的字体阴影,text-shadowless语法中的循环和合并代码屮艸芔茻

.loop(@counter)when(@counter>0){.loop((@counter-1));文本阴影+:(1px*@counter)(1px*@counter)#2d585a;}.long-shadow{溢出:隐藏;背景色:#5f9ea0;宽度:800px;高度:160px;行高:160px;文本对齐:居中;字母间距:80px;:#fff;字体大小:100px;.loop(200);}