个人 网站备案,网站建设与维护方式是什么,欧美网站建设风格特点,南京开发门户网站的公司思路思路很简单#xff0c;就是一个字写两遍#xff0c;一个字只显示部分#xff0c;不过不能真的把一个字写两遍。这里就需要用到CSS伪元素:before和:after#xff0c;记住这个“伪元素”的“伪”字#xff0c;表明它本来是不存在的。我们的方法就是在伪元素里放置相同的…思路思路很简单就是一个字写两遍一个字只显示部分不过不能真的把一个字写两遍。这里就需要用到CSS伪元素:before和:after记住这个“伪元素”的“伪”字表明它本来是不存在的。我们的方法就是在伪元素里放置相同的字符只显示半个而原字符显示另外一半最后把它们拼成一个字。CSS Code[css].hf {display: inline-block;font-size: 80px;line-height:80px;color: #000;position: relative;overflow: hidden;white-space: pre;/* 处理空格 */}.hf:before {position: absolute;left: 0;top: 0;color: #f00;display: block;width: 30%;/*如果想变色一半文字就设置50%*/content: attr(data-content);/* 伪元素的动态获取内容 */overflow: hidden;}[/css]HTML Code[html] Web前端[/html]
