"my"
Bootstrap 3.3.0 Snippet by raviteja

Post to Facebook Tweet this

<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="container"> <div class="row"> <h1> Dynamically blurring avatar images using Canvas. </h1> </div> <div class="row"> <div class="col-sm-3"> <div class="card"> <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas> <div class="avatar"> <img src="" alt="" /> </div> <div class="content"> <p>Web Developer <br> More description here</p> <p><button type="button" class="btn btn-default">Contact</button></p> </div> </div> </div> <div class="col-sm-3"> <div class="card"> <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas> <div class="avatar"> <img src="ravi.jpg" alt="" /> </div> <div class="content"> <p>Web Developer <br> More description here</p> <p><button type="button" class="btn btn-default">Contact</button></p> </div> </div> </div> <div class="col-sm-3"> <div class="card> <canvas class="header-bg" width="250" height="70" id="header-blur"></canvas> <div class="avatar"> <img src="ravi.jpg" alt="" /> </div> <div class="content"> <p>Web Developer <br> More description here</p> <p><button type="button" class="btn btn-default">Contact</button></p> </div> </div> </div> </div> </div> <img class="src-image" src="data:image/jpeg;base64,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
.src-image {"data:image/jpeg;base64,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"?gVq6kkkM/9k=/ display: none; } .card { overflow: hidden; position: relative; border: 1px solid #CCC; border-radius: 8px; text-align: center; padding: 0; background-color: #284c79; color: rgb(136, 172, 217); } .card .header-bg { /* This stretches the canvas across the entire hero unit */ position: absolute; top: 0; left: 0; width: 100%; height: 70px; border-bottom: 1px #FFF solid; /* This positions the canvas under the text */ z-index: 1; } .card .avatar { position: relative; margin-top: 15px; z-index: 100; } .card .avatar img { width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(0,0,30,0.8); } display:; } .card { overflow: hidden; position: relative; border: 1px solid #CCC; border-radius: 8px; text-align: center; padding: 0; background-color: #284c79; color: rgb(136, 172, 217); } .card .header-bg { /* This stretches the canvas across the entire hero unit */ position: absolute; top: 0; left: 0; width: 100%; height: 70px; border-bottom: 1px #FFF solid; /* This positions the canvas under the text */ z-index: 1; } .card .avatar { position: relative; margin-top: 15px; z-index: 100; } .card .avatar img { width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(0,0,30,0.8); }

Related: See More

Now UI Dashboard

Questions / Comments: