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如何制作此动画？

回答

相关问题