jQuery+CSS3文字跑马灯特效是一款将跑马灯背景制作为3D立方体效果,文字在上面移动时,就像是文字投影到墙壁上,在转角出会改变运动方向。
效果展示
效果图如下:
完整HTML代码如下:
jQuery+CSS3文字跑马灯特效 - 何问起I ❤ HoverTree 我❤何问起 I ❤ HoverTree 我❤何问起 使用你自己的文本可以输入其他文本,然后点击“使用”按钮。 例如:1314520 hovertree.com 或者: 欢迎访问何问起 特殊爱心符号点这里何问起提示:可以放大或者缩小浏览器宽度查看效果。 setText(event){ event.preventDefault(); leftText.innerText = textsource.value.toUpperCase(); rightText.innerText = textsource.value.toUpperCase(); } ); ); ); setText(); 适用浏览器:FireFox、Chrome、Edge、Safari、Opera、傲游、搜狗、世界之窗、IE11. 不支持IE8及以下浏览器。来源:何问起网页特效代码说明
推荐:
网页特效: