废话不多说了,直接看效果图吧。
效果图如下:
<div class="wrapper"> <h1 class="sub-section__title">eventType : </h1> <div class="center" style="margin-top: 40px;"> <div id="trigger-2-hover" class="sound-trigger sound-trigger--type-default-2 sound-trigger--type-hover"> <p class="sound-trigger__speach">HOVER!</p> <div class="sound-trigger__inner"> <i class="fa fa-volume-up fa-lg"></i> </div> </div> <div id="trigger-2-click" class="sound-trigger sound-trigger--type-default sound-trigger--type-click"> <p class="sound-trigger__speach">CLICK!</p> <div class="sound-trigger__inner"> <i class="fa fa-volume-up fa-lg"></i> </div> </div> </div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。