A Pen by Avaz Bokiev on CodePen.
samarkandiy
/ Responsive-Vanilla-JS-Lightbox.markdown
Created
February 10, 2014 21:15
A Pen by Avaz Bokiev.
using only JS and CSS
A Pen by Avaz Bokiev on CodePen.
samarkandiy
/ Simple-Responsive-Gallery.markdown
Created
February 2, 2014 03:07
A Pen by Avaz Bokiev.
using wow.js and animate.css
A Pen by Avaz Bokiev on CodePen.
samarkandiy
/ Responsive-layout-with-left-offset-navigation.markdown
Created
December 23, 2013 22:31
A Pen by Avaz Bokiev.
samarkandiy
/ index.html
Created
June 8, 2013 04:05
A CodePen by Avaz Bokiev. Input validation Hack using CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <form action="#"> | |
| <div> | |
| <input type="email" name="email" id="name" placeholder="Email" autocomplete="off" required /> | |
| </div> | |
| <div> | |
| <input type="submit" value="Submit" /> | |
| </div> | |
| </form> |
samarkandiy
/ index.html
Created
April 3, 2013 10:00
A CodePen by Avaz Bokiev. Creative Circle logo using CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="cc">creativecircle</div> |
samarkandiy
/ index.html
Created
November 6, 2012 04:33
A CodePen by Azik Samarkandiy. Sweet image zoom effects - Using transition, box-sizing: border-box and border-width on hover.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="zoom"></div> | |
| <div class="zoom"></div> | |
| <div class="zoom"></div> | |
| <div class="zoom"></div> | |
| <div class="zoom"></div> | |
| <div class="zoom"></div> |
samarkandiy
/ index.html
Created
November 5, 2012 11:36
A CodePen by Azik Samarkandiy. Sweet image zoom effects - pure CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="zoom"></div> | |
| <div class="zoom"></div> | |
| <div class="zoom"></div> | |
| <div class="zoom"></div> | |
| <div class="zoom"></div> | |
| <div class="zoom"></div> | |
| <div class="zoom"></div> | |
| <div class="zoom"></div> | |
| <div class="zoom"></div> |
samarkandiy
/ index.html
Created
October 27, 2012 11:21
A CodePen by Azik Samarkandiy. Accordion slider - using only CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="slider"> | |
| <div class="slides"> | |
| <p class="title"><q>Come forth into the light of things, let nature be your teacher.</q> | |
| <span class="author">William Wordsworth </span> | |
| </p> | |
| </div> | |
| <div class="slides"> | |
| <p class="title"><q>Look deep into nature, and then you will understand everything better.</q> | |
| <span class="author">Albert Einstein </span> | |
| </p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="trafficlight"> | |
| <div class="protector"></div> | |
| <div class="protector"></div> | |
| <div class="protector"></div> | |
| <div class="red"></div> | |
| <div class="yellow"></div> | |
| <div class="green"></div> | |
| </div> |