一款CSS字母点击动画特效,鼠标点击每一个字母,都会显示不同的动画效果,主要用了transform的属性,增加字母需要增加css样式文件里的对应动画。
页面的head部分,需引入页面的样式文件,代码如下:
<link type="text/css" rel="stylesheet" href="css/style.css">
页面的body部分,设置好标题和字母的容器,代码如下:
<h3 class="fixed">请点击每个字母</h3>
<div class="word">
<span>S</span>
<span>U</span>
<span>C</span>
<span>A</span>
<span>I</span>
</div>
页面的底部,需引入必要的JS文件,用来响应字母的点击事件,代码如下:
<script type="text/javascript" src="js/index.js"></script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791