純CSS實現跳動的文字

2022-03-16 19:41:25 字數 1093 閱讀 8047

css**:

/* start */

.my-face

@-webkit-keyframes my-face

4%, 68%, 98%

38%, 6%

8%, 86%

10%, 72%

12%, 64%, 78%, 96%

14%, 54%

16%

18%, 22%

20%, 36%, 46%

26%, 50%

28%

30%, 40%, 62%, 76%, 88%

32%, 34%, 66%

42%

44%, 70%

48%, 74%, 82%

52%, 56%, 60%

58%

84%

90%

92%

94%

0%, 100%

}@keyframes my-face

4%, 68%, 98%

38%, 6%

8%, 86%

10%, 72%

12%, 64%, 78%, 96%

14%, 54%

16%

18%, 22%

20%, 36%, 46%

26%, 50%

28%

30%, 40%, 62%, 76%, 88%

32%, 34%, 66%

42%

44%, 70%

48%, 74%, 82%

52%, 56%, 60%

58%

84%

90%

92%

94%

0%, 100%

}/* end */

可以將以上**寫成乙個獨立的css檔案匯入,這裡提供了現成的:

然後在想要的地方插入:

(っ•̀ω•́)っ✎⁾⁾ 開心每一天
效果就把本部落格頁面拉到最下方,看看~~

文字的跳動

今天做個文字跳動的效果 第一步 引入 第二步引入 jquery.easing jswing jquery.easing swing jquery.extend jquery.easing,easeinquad function x,t,b,c,d easeoutquad function x,t,b...

純css畫一顆跳動的心

1.transition property 執行變換的屬性 2.transition duration 執行變換的時間 3.transition time function 執行變換的速率 4.transition delay 執行變換的延遲時間。1.animation name 規定需要繫結到選擇...

純css 如何實現文字超出部分橫向滾動

君不見黃河之水天上來,奔流到海不復回,君不見高堂明鏡悲白髮,朝如青絲暮成雪,人生得意須盡歡,莫使金樽空對月 下面解釋原因 首先 這裡的.box被設定了寬度為300px,而由於是塊級元素,所以預設寬度是100 在這裡也就是300px,但是的文字寬度其實是超過300px的,題主設定transform t...