Youtube如何製作此動畫？

-1

下面是一個用來描述它的gif：http://imgur.com/gallery/ODKNS。如果這是一個Javascript動畫，Javascript中是否有任何廣泛的技巧，我可以按照這些技巧做到這一點？Youtube如何製作此動畫？

2017-02-16 laxerrrr

是的，這可能是一個GIF，它可能是JavaScript中，它甚至可能是CSS – maksymiuk

它可以是簡單的CSS過渡。 – dfsq

沒想到那個thx – laxerrrr

我做了一個CodePen，它通過一個簡單的CSS過渡和jQuery來完成這個工作（必須在這裏添加一些代碼，這樣才能讓我發佈鏈接到codepen ...所以這裏是我如何構建html！）：

<div class="container"> 
    <input type="text" id="input" placeholder="click me"/> 
    <div class="underline"> 
     <div id="highlight"/> 
    </div> 
</div>

http://codepen.io/anon/pen/JEVeqW

來源

2017-02-17 00:09:14 Juuso

謝謝！正是我在找什麼。我只是無法讓JavaScript去！ – laxerrrr

JavaScript在這裏絕對沒有必要。 – dfsq

你如何用純CSS做這件事？我能想到的唯一事情就是將動畫嵌套到輸入元素中並使用css--這可能嗎？ – Juuso

Youtube如何製作此動畫？

回答

相關問題