IE10+
A Pen by Rohit Kumar on CodePen.
<div class="social-btns"> | |
<a class="btn facebook" href="#"><i class="fa fa-facebook"></i></a> | |
<a class="btn twitter" href="#"><i class="fa fa-twitter"></i></a> | |
<a class="btn codepen" href="#"><i class="fa fa-codepen"></i></a> | |
<a class="btn instagram" href="#"><i class="fa fa-instagram"></i></a> | |
<a class="btn pinterest" href="#"><i class="fa fa-pinterest"></i></a> | |
</div> |
<div class="profile"> | |
<div class="photo"><img src="http://2.bp.blogspot.com/-8FpnW826Jcs/XiLtTpornQI/AAAAAAAAAwY/aN8KsAjSP-EqLRdGiU8_MtUelja7DZgpwCK4BGAYYCw/s320/Jatin3.jpeg"/></div> | |
<div class="content"> | |
<div class="text"> | |
<h3>Jatin Rao</h3> | |
<h6>Front-End Web Developer</h6> | |
</div> | |
<div class="btn"><span></span></div> | |
</div> | |
<div class="box"><i class="fa fa-facebook"></i><i class="fa fa-twitter"></i><i class="fa fa-github"></i><i class="fa fa-instagram"></i><i class="fa fa-linkedin"></i></div> |
<div class="row"> | |
<p>Click every input.</p> | |
</div> | |
<div class="row"> | |
<span> | |
<input class="basic-slide" id="name" type="text" placeholder="Your best name" /><label for="name">Name</label> | |
</span> | |
<span> | |
<input class="basic-slide" id="email" type="text" placeholder="Your favorite email" /><label for="email">Email</label> | |
</span> |
IE10+
A Pen by Rohit Kumar on CodePen.
<div class="container"> | |
<h1>As-slider</h1> | |
<section class="my-slider"> | |
<ul> | |
<li> | |
<section class="slide_1"> | |
<div class="caption"> | |
<h2 style="text-align:center;">This is a very basic and simple slider</h2> | |
<p>Most of the style is set in CSS and <strong>not</strong> in the JavaScript as most of the other sliders.</p> | |
</div> |
Made on a whim for a fellow codepen users birthday.
A Pen by Mark Thomes on CodePen.
<!-- multistep form --> | |
<form id="msform"> | |
<!-- progressbar --> | |
<ul id="progressbar"> | |
<li class="active">Account Setup</li> | |
<li>Social Profiles</li> | |
<li>Personal Details</li> | |
</ul> | |
<!-- fieldsets --> | |
<fieldset> |
<div id="container"> | |
<svg version="1.1" | |
width="180px" height="180px" viewBox="0 0 180 180"> | |
<defs> | |
<filter id="glow" y="-50%" height="180%"> | |
<feGaussianBlur stdDeviation="3" result="coloredBlur"/> | |
<feMerge> | |
<feMergeNode in="coloredBlur"/> |