企业网站建设制作技巧：给网站添加文字打字效果

继续企业网站建设制作技巧分享。大家可能在某些网站上看到过一些特殊的效果，比如打字效果，即文字不会直接显示出来，而是像键盘打字一样一个个显示出来，看起来比较炫，这种效果在某些场景下还是有点用的。如果你想在企业网站制作设计中添加这种效果，那么就往下看吧。

这种文字打字效果实现的方法其实比较多，可以使用JS、CSS来现实，如果你使用的是wordpress建站，那么也可以使用插件来实现，比如Elementor、WPBakery Page Builder这两个插件都支持类似的功能。

如果你的企业网站建设已经做好，那么就没有必要为了这么一个效果去安装插件，而JS的方法也不是很推荐，所以本文悦然企业网站建设给大家分享一个使用CSS实现文字打字效果的方法，很简单。

直接上代码：

<p>悦然企业网站建设-帮您的公司制作有效果的网站！</p>
<style>
@keyframes cursor {
 50% {
 border-color: transparent;
}
}
@keyframes text {
from {
width: 0;
}
}
p {
    width: 50ch;
    border-right: solid 1px #000;
    white-space: nowrap;
    overflow: hidden;
    font: 30px monospace;
    animation: cursor 1s infinite step-end, text 4s steps(35);
}
</style>

如上图所示，第一行可以自行输入你自己的文字。【width: 50ch】表示字符数，这里根据实际字数来填写即可，一个汉字为两个字符。

简单修改上面的代码之后以直接插入到网站的HTML模块中即可，网站的任何页面包括首页、产品、文章页都可以使用，实现效果如上上图所示。

总结

这个文字打字效果的实现方法适合任意类型的网站，不管你使用的是wordpress建站或者是其它建站程序都可以使用。不过这种效果尽量还是少用吧，可以在某些活动、广告内容中使用，日常的企业网站内容更新还是直接写文字配图就OK了，内容才是网站SEO优化的关键哦。