"awesome search box"
Bulma 0.7.1 Snippet by Kevnz

<link href="//cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css" rel="stylesheet" id="bootstrap-css"> <script src=""></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="control is-awesome"> <input class="input is-rounded is-primary" type="text" placeholder="Normal input"> </div>
.is-awesome .input { width: 20px; margin: 10px; transition: width 0.4s linear; } .is-awesome .input:active, .is-awesome .input:focus { width: 400px; transition: width 0.4s linear; }

Related: See More


Questions / Comments: