首頁猿問問如何使用CSS實現(xiàn)這種虛化動畫？

問如何使用CSS實現(xiàn)這種虛化動畫？

尚方寶劍之說 2018-07-12 14:14:44

最無助的就是寫動畫

查看完整描述

2 回答

慕的地10843

TA貢獻(xiàn)1785條經(jīng)驗獲得超8個贊

text-shadow
filter:blur
看不出你要的是什么效果

反對回復(fù) 2018-07-16

慕哥6287543

TA貢獻(xiàn)1831條經(jīng)驗獲得超10個贊

用filter: blur(Npx);
或者用text-shadow,文字本體顏色設(shè)置為透明,只顯示它的陰影

   .blur-text {      
           color: #0000;      
           text-shadow: 0 0 0 #333;      
           transition: text-shadow .3s;
      &:hover {
              text-shadow: 0 0 5px #333;
      }
    }

反對回復(fù) 2018-07-16