افکت فنری متن 1 (znt)

<style>@import url(http://fonts.googleapis.com/css?family=Fredoka+One);body { background-color: black;}@-webkit-keyframes zntboys { from { -webkit-transform: translateY(0); color: white; } to { -webkit-transform: translateY(-90px); }}.zntboystext { margin-top: 10em; text-align: center;}

.zntboystext span { display: inline-block; font-family: "Fredoka One", sans-serif; font-size: 70px; -webkit-animation-duration: 0.3s; -webkit-animation-name: zntboys; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate;}

.zntboystext :nth-child(40n + 0) { -webkit-animation-delay: -0.6s; color: #640a64;}

.zntboystext :nth-child(40n + 1) { -webkit-animation-delay: -0.585s; color: #780a8c;}

.zntboystext :nth-child(40n + 2) { -webkit-animation-delay: -0.57s; color: #8c0a7d;}

.zntboystext :nth-child(40n + 3) { -webkit-animation-delay: -0.555s; color: #a00a6e;}

.zntboystext :nth-child(40n + 4) { -webkit-animation-delay: -0.54s; color: #b40a96;}

.zntboystext :nth-child(40n + 5) { -webkit-animation-delay: -0.525s; color: #c80a87;}

.zntboystext :nth-child(40n + 6) { -webkit-animation-delay: -0.51s; color: #dc0a78;}

.zntboystext :nth-child(40n + 7) { -webkit-animation-delay: -0.495s; color: #f00a69;}

.zntboystext :nth-child(40n + 8) { -webkit-animation-delay: -0.48s; color: #690a91;}

.zntboystext :nth-child(40n + 9) { -webkit-animation-delay: -0.465s; color: #7d0a82;}

.zntboystext :nth-child(40n + 10) { -webkit-animation-delay: -0.45s; color: #910a73;}

.zntboystext :nth-child(40n + 11) { -webkit-animation-delay: -0.435s; color: #a50a64;}

.zntboystext :nth-child(40n + 12) { -webkit-animation-delay: -0.42s; color: #b90a8c;}

.zntboystext :nth-child(40n + 13) { -webkit-animation-delay: -0.405s; color: #cd0a7d;}

.zntboystext :nth-child(40n + 14) { -webkit-animation-delay: -0.39s; color: #e10a6e;}

.zntboystext :nth-child(40n + 15) { -webkit-animation-delay: -0.375s; color: #f50a96;}

.zntboystext :nth-child(40n + 16) { -webkit-animation-delay: -0.36s; color: #6e0a87;}

.zntboystext :nth-child(40n + 17) { -webkit-animation-delay: -0.345s; color: #820a78;}

.zntboystext :nth-child(40n + 18) { -webkit-animation-delay: -0.33s; color: #960a69;}

.zntboystext :nth-child(40n + 19) { -webkit-animation-delay: -0.315s; color: #aa0a91;}

.zntboystext :nth-child(40n + 20) { -webkit-animation-delay: -0.3s; color: #be0a82;}

.zntboystext :nth-child(40n + 21) { -webkit-animation-delay: -0.285s; color: #d20a73;}

.zntboystext :nth-child(40n + 22) { -webkit-animation-delay: -0.27s; color: #e60a64;}

.zntboystext :nth-child(40n + 23) { -webkit-animation-delay: -0.255s; color: #fa0a8c;}

.zntboystext :nth-child(40n + 24) { -webkit-animation-delay: -0.24s; color: #730a7d;}

.zntboystext :nth-child(40n + 25) { -webkit-animation-delay: -0.225s; color: #870a6e;}

.zntboystext :nth-child(40n + 26) { -webkit-animation-delay: -0.21s; color: #9b0a96;}

.zntboystext :nth-child(40n + 27) { -webkit-animation-delay: -0.195s; color: #af0a87;}

.zntboysext :nth-child(40n + 28) { -webkit-animation-delay: -0.18s; color: #c30a78;}

.zntboystext :nth-child(40n + 29) { -webkit-animation-delay: -0.165s; color: #d70a69;}

.zntboystext :nth-child(40n + 30) { -webkit-animation-delay: -0.15s; color: #eb0a91;}

.zntboystext :nth-child(40n + 31) { -webkit-animation-delay: -0.135s; color: #640a82;}

.zntboystext :nth-child(40n + 32) { -webkit-animation-delay: -0.12s; color: #780a73;}

.zntboystext :nth-child(40n + 33) { -webkit-animation-delay: -0.105s; color: #8c0a64;}

.zntboystext :nth-child(40n + 34) { -webkit-animation-delay: -0.09s; color: #a00a8c;}

.zntboystext :nth-child(40n + 35) { -webkit-animation-delay: -0.075s; color: #b40a7d;}

.zntboystext :nth-child(40n + 36) { -webkit-animation-delay: -0.06s; color: #c80a6e;}

.zntboystext :nth-child(40n + 37) { -webkit-animation-delay: -0.045s; color: #dc0a96;}

.zntboystext :nth-child(40n + 38) { -webkit-animation-delay: -0.03s; color: #f00a87;}