1.夏天天气炎热的时候,我们总是感叹极端的天气,那么我们应该如何在页面上表达这种对天气炎热的抱怨,例如:2.那么我们应该如何展示这个效果呢?A.使用菊花字488?行代码:
Today¥today¥true¥is¥hot¥dead¥dead¥
B.通过伪元素生成:首先,分离文本,如何把
标签一个一个包裹起来[...'今天真热'].map(el=>`
${el}`).join('')span::after{content:'\488'}这样页面就不会出现特殊字符了,有利于搜索引擎也比较多友好的。C、使用text-emphasis生成文本强调,其大小为原文本字号的1/2。以后不会影响原标题的大小。您可以使用伪元素生成相同的副本。具体方法如下:
今天真热文字装饰行业放在伪元素上,绝对定位设置p::before{位置:绝对;内容:属性(标题);text-emphasis:'\488';}然后放大字体,大小加倍:p::before{position:absolute;内容:属性(标题);文本强调:'\488';字体大小:200%;}示意图变成这样:现在你会发现文字太大,然后字符间距变大,所以要缩小字符间距,可以使用letter-spacing来实现p::before{position:absolute;内容:属性(标题);文本强调:'\488';字体大小:200%;字母间距:-0.5em;}示意图:最后隐藏额外的文本:-webkit-text-fill-color:transparent;p::before{位置:绝对;内容:属性(标题);文本强调:'\488';字体大小:200%;字母间距:-0.5em;-webkit-文本填充颜色:透明;}最终图: