"Pricing table hover effect"
Bootstrap 3.3.0 Snippet by exmax

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class=""> <div class="row text-center"> <div class="col-md-12 col-sm-12 col-xs-12" style=";"> <div class="pricing-table"> <div class="panel panel-primary" style="border: none;"> <div class="controle-header panel-heading panel-heading-landing"> <p class="panel-title panel-title-landing">Test 2015</p> <h2 style="color:#000; font-weight: bold;">1,3</h2> <p style="color:#000;">Sehr gut</p> </div> </div> </div> </div> </div> </div>
.pricing-table { max-width: 140px; max-height:80px; margin: 0 auto; background-color:#FFF; transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; } .panel-heading-landing { background: #fff !important; padding: 10px !important; border-radius:10px ! important; border: solid 2px #2F93D8 !important; } .panel-title-landing { color: #626367 !important; font-size: 18px; font-weight: bold; }

Related: See More


Questions / Comments: