怎么實現抖音文字彩色抖動效果? – css筆記

    抖音的那個字是不是很酷炫呢?它是如何實現的呢?這一次的CSS筆記就和大家分享下實現抖音文字彩色抖動效果這個CSS特效

    抖音的那個字是不是很酷炫呢?它是如何實現的呢?這一次的CSS筆記就和大家分享下實現抖音文字彩色抖動效果這個CSS特效。

    第一個,有趣的眩暈文字:

    .n-xy {
    	text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5);
    	animation: shake-it .5s reverse infinite cubic-bezier(0.68, -0.55, 0.27, 1.55);
    }

    效果:

    有趣的彩色眩暈文字 – Npcink

    第二個:彩色抖動文字

    .doudong{
        animation: uk-text-shadow-glitch .65s cubic-bezier(1,-1.91,0,2.79) 0s infinite normal both running;
    	}
    @keyframes uk-text-shadow-glitch {
        0% {
            text-shadow: none
        }
        25% {
            text-shadow: -2px -2px 0 #ff004f,2px 2px 0 #00f7ef
        }
        50% {
            text-shadow: 2px -2px 0 #ff004f,-2px 2px 0 #00f7ef
        }
        75% {
            text-shadow: -2px 2px 0 #ff004f,2px -2px 0 #00f7ef
        }
        100% {
            text-shadow: 2px 2px 0 #ff004f,-2px -2px 0 #00f7ef
        }
    }
    @keyframes uk-flicker {
        0% {
            opacity: 0
        }
        10% {
            opacity: .6;
            transform: scale(.8)
        }
        20% {
            opacity: 0
        }
        40% {
            opacity: 1
        }
        50% {
            opacity: .2;
            transform: scale(1.1)
        }
        100% {
            opacity: 1;
            transform: scale(1)
        }
    };
      }
    }

    效果:

    彩色抖動文字 – Npcink

    第三個:抖音彩色抖動文本

    怎么實現抖音文字彩色抖動效果? - css筆記

    太復雜了,鏈接中有詳細的步驟說明可供參考。

    給TA贊賞
    共{{data.count}}人
    人已贊賞
    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    ?
    購物車
    優惠劵
    搜索
    主站蜘蛛池模板: 欧洲精品码一区二区三区免费看| 国产视频一区二区| 国产丝袜美女一区二区三区| 无码av中文一区二区三区桃花岛 | 国产一区在线视频观看| 日韩三级一区二区三区| 美女免费视频一区二区三区| 国产在线一区二区杨幂| 中文字幕一区二区三区有限公司| 亚洲午夜福利AV一区二区无码| 日本高清不卡一区| 亚洲AV无码一区二区三区电影 | 一区二区三区观看| 国模少妇一区二区三区| 亚洲综合激情五月色一区| 精品人妻一区二区三区四区| 成人精品视频一区二区三区不卡 | 亚洲一区二区无码偷拍| 精品一区二区三区AV天堂| 国产精品va无码一区二区| 在线成人一区二区| 精品一区二区三区免费视频| 亚欧在线精品免费观看一区| 波多野结衣一区二区免费视频| 亚洲啪啪综合AV一区| 在线精品一区二区三区| 国模无码人体一区二区| 久久久久人妻精品一区三寸| 亚洲日韩激情无码一区| 国产精品亚洲一区二区三区久久 | 三上悠亚国产精品一区| 国产精品合集一区二区三区| 亚洲Aⅴ无码一区二区二三区软件| 亚洲AV无码第一区二区三区| 日本v片免费一区二区三区| 亚洲日本精品一区二区| 亚洲AV日韩精品一区二区三区| 国产吧一区在线视频| 国产人妖视频一区二区| 日本韩国黄色一区二区三区| 国产精品高清一区二区三区不卡|