CSS/JS動畫文本？

-3

我在網站上看到一個非常酷的動畫，而且這是我想要學習的事情，因爲我有機會在自己的項目上實現類似的東西。是否有經驗的前端工作人員告訴我這是什麼，也許可以讓我朝着正確的方向發展？CSS/JS動畫文本？

這一邊的位置：reflektive.com你會在滑塊看到，文本「人才開發」下，如何改變文本和排序滾動的

感謝您的任何提示！

來源

2016-05-06 lpangm03

你可以提供一些reference..reflektive.com是不開放 –

請仔細閱讀[問] – j08691

谷歌「的CSS動畫」，你會發現一個bazillion教程來學習它。 – C14L

我找到了一個鏈接...這是你期待的動畫嗎？

http://codepen.io/rusjames/pen/uAFhE

@keyframes type{ 
    from { width: 0; } 
} 

@keyframes type2{ 
    0%{width: 0;} 
    50%{width: 0;} 
    100%{ width: 100; } 
} 


p{ 
    width: 30em; 
    animation: type 4s steps(60, end); 
}

來源

2016-05-06 12:43:32 Sharon

不，不幸的不是。在深入挖掘之後，我可以看到它不是動畫的JQuery。標準的JQuery庫沒有工作，所以它必須是第三方庫。謝謝你，我感謝你的意見。 – lpangm03

使用this庫。您在問題中提到的網站上使用的相同圖書館。

<script src="jquery.js"></script> // jquery library 
<script src="typed.js"></script> // typed.js library 
<script> 
    $(function(){ 
     $(".element").typed({ 
      strings: ["First sentence.", "Second sentence."], 
      typeSpeed: 0 
     }); 
    }); 
</script> 


<span class="element"></span>

來源

2016-05-06 12:51:43 Vinie

CSS/JS動畫文本？

回答

相關問題