牢记网客网域名:Wkone.cn网客网论坛
关注网社
扫官微看看大世界
手机版
扫码打开掌上乐圈
收起左侧

[美化/代码] 纯CSS文字彩色抖动抖音效果

0
回复
115
查看
[复制链接]

 成长值: 7765

升级   100%

铭牌:未领取
10100

Rank: 129Rank: 129Rank: 129

钻石:1790 颗

氪券:581 票

买家信用:0 元

K币:1752 枚

土豪勋章055022052

发表于 2019-10-3 23:45:18 | 显示全部楼层 |阅读模式          

马上注册~开启兴趣社区世界~享技术乐生活。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
【效果演示】
267d0cdb41a649639eb612966c0ad554.jpg
直接将这下面段放进你的 style.css

CSS样式如下:
  1. doudong{  
  2.     animation: uk-text-shadow-glitch .65s cubic-bezier(1,-1.91,0,2.79) 0s infinite normal both running;  
  3.     }  
  4. @keyframes uk-text-shadow-glitch {  
  5.     0% {  
  6.         text-shadow: none  
  7.     }  
  8.     25% {  
  9.         text-shadow: –2px –2px 0 #ff0048,2px 2px 0 #3234ff  
  10.     }  
  11.     50% {  
  12.         text-shadow: 2px –2px 0 #ff0048,-2px 2px 0 #3234ff  
  13.     }  
  14.     75% {  
  15.         text-shadow: –2px 2px 0 #ff0048,2px –2px 0 #3234ff  
  16.     }  
  17.     100% {  
  18.         text-shadow: 2px 2px 0 #ff0048,-2px –2px 0 #3234ff  
  19.     }  
  20. }  
  21. @keyframes uk-flicker {  
  22.     0% {  
  23.         opacity: 0  
  24.     }  
  25.     10% {  
  26.         opacity: .6;  
  27.         transform: scale(.8)  
  28.     }  
  29.     20% {  
  30.         opacity: 0  
  31.     }  
  32.     40% {  
  33.         opacity: 1  
  34.     }  
  35.     50% {  
  36.         opacity: .2;  
  37.         transform: scale(1.1)  
  38.     }  
  39.     100% {  
  40.         opacity: 1;  
  41.         transform: scale(1)  
  42.     }  
  43. }  
复制代码
最后把你需要抖起来的那个文本标签 <> 内加入 class="doudong"引入即可,网客网没有亲测,大家自己试试看,感觉挺有意思的,记得反馈一下哦⊙∀⊙!
温馨提示:
1、在论坛里发表的文章仅代表作者本人的观点,与本网站立场无关。
2、论坛的所有内容都不保证其准确性,有效性,时间性。阅读本站内容因误导等因素而造成的损失本站不承担连带责任。
3、当政府机关依照法定程序要求披露信息时,论坛均得免责。
4、若因线路及非本站所能控制范围的故障导致暂停服务期间造成的一切不便与损失,论坛不负任何责任。
5、注册会员通过任何手段和方法针对论坛进行破坏,我们有权对其行为作出处理。并保留进一步追究其责任的权利。
6月不努力,九月当兄弟,我在训练场上等着你!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

发布资源 返回列表 客服中心 搜索 官方QQ群
技术资源享你所想

人工客服电话

1314-520-6071

客服QQ:3388700000

官方邮箱:1@wkone.cn

站长QQ:785256319

关注我们
  • 关注官方微信

  • 手机APP

图片上传Archiver手机版小黑屋网客网论坛 ( 浙ICP备16034716号-1 )

Powered by 梦创深蓝 V1.1   © 2019-2020 WKone.cn Inc.