"Border transition button"
Bootstrap 4.1.1 Snippet by gabibarzu

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <h1>The box-shadow Property</h1> <p>The box-shadow property defines the shadow of an element:</p> <h2>box-shadow</h2> <div id="example1"> <p>A div element with a shadow. The first value is the horizontal offset and the second value is the vertical offset. The shadow color will be inherited from the text color.</p> </div>
body{ padding: 25px; } #example1 { border: 1px solid; padding: 10px; transition: 0.3s ease; } #example1:hover { cursor: pointer; box-shadow: inset 0 -1px 0 0 black; }

Related: See More


Questions / Comments: