比如这种抖音字体是不是感觉很酷,它是如何实现的呢,下面孙叫兽就简单分享一下CSS的实现方法,记得点赞收藏。
老司机给大家的一些小建议,一定要敲代码敲代码敲代码(重要的事情说三遍),程序员是实战家,不是思想家和理论家,程序员都是工兵,这个排雷的经验很重要。
实现这个功能需要你需要一点HTML及CSS的一些基础,知道基本的标签,CSS渐变的属性即可,当然不知道也没啥关系,直接复制下面的代码改改文字也是可以实现的,不要有啥压力,废话不多说,上代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>抖音风格字体</title>
<style>
body {
background-color: gray;
padding: 100px;
}
h1 {
font-size: 48px;
color: #ffffff;
text-shadow: #f03740 -1px -3px, #2addfd 3px 0px;
}
</style>
</head>
<body>
<h1>孙叫兽
</h1>
</body>
</html>
这个使用编译器
VScode,webstorm,sublimetext3等编译器编译运行到浏览器都可以查看效果。
是不是很简单呢,本期内容就分享到这里,我们下期见!有兴趣的小伙伴可以运行一下,特别棒!