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="preview"> | |
| <input checked class='red' name='color' type='radio' /> | |
| <input class='green' name='color' type='radio' /> | |
| <input class='yellow' name='color' type='radio' /> | |
| <input class='purple' name='color' type='radio' /> | |
| <img src="http://iweb.uz/azik/wp-content/uploads/2012/10/tshirta.png"/> | |
| </div> |
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
| .slider | |
| %input.slide1{:checked => "", :name => "thumbnail", :type => "radio"}/ | |
| %input.slide2{:name => "thumbnail", :type => "radio"}/ | |
| %input.slide3{:name => "thumbnail", :type => "radio"}/ | |
| %input.slide4{:name => "thumbnail", :type => "radio"}/ | |
| .images |
samarkandiy
/ index.html
Created
October 4, 2012 02:13
Custom radio buttons using CSS + CSS only changing backgrounds
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
| <input checked data-tooltip='r' class='test1' name='test' type='radio' /> | |
| <input class='test2' data-tooltip='g' name='test' type='radio' /> | |
| <input class='test3' data-tooltip='b' name='test' type='radio' /> | |
| <div></div> |
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
| .border | |
| .border | |
| .border | |
| .border | |
| .border | |
| .border | |
| .border | |
| .border | |
| .border | |
| .border |
samarkandiy
/ index.haml
Created
September 21, 2012 08:22
I'm tried to create more CSS background patterns not included on http://lea.verou.me/css3patterns/ by Lea Verou
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
| .pattern | |
| .pattern | |
| .pattern | |
| .pattern | |
| .pattern | |
| .pattern | |
| .pattern | |
| .pattern | |
| .pattern | |
| .pattern |
samarkandiy
/ dabblet.css
Created
September 19, 2012 10:13
— forked from LeaVerou/dabblet.css
Move in a circle without wrapper elements
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
| /** | |
| * Move in a circle without wrapper elements | |
| * Idea by Aryeh Gregor, simplified by Lea Verou | |
| */ | |
| @keyframes rot { | |
| from { | |
| transform: rotate(0deg) | |
| translate(-150px) | |
| rotate(0deg); |
samarkandiy
/ index.html
Created
September 3, 2012 11:13
more than 50 shapes using Pure http://cssshapes.iweb.uz/
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="frame"> | |
| <div class="star"></div> | |
| </div> | |
| <div class="frame"> | |
| <div class="star2"></div> | |
| </div> | |
| <div class="frame"> | |
| <div class="star11"></div> | |
| </div> | |
| <div class="frame"> |
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
| <img src="http://iweb.uz/wp-content/uploads/2012/08/html5.png"> | |
| <div class="bg"> | |
| <span>offline</span> | |
| <div class="offline"></div> | |
| </div> | |
| <div class="bg"> | |
| <span>storage</span> | |
| <div class="storage"></div> | |
| </div> |
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
| .chrome |
samarkandiy
/ index.html
Created
August 23, 2012 05:51
Original logo concept by Lea Verou: http://dribbble.com/shots/699132-W3Conf-logo-concept-with-improved-legibility I have used my first custom font inspired by http://css-tricks.com/video-screencasts/113-creating-and-using-a-custom-icon-font/
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="wwwwconf">A</div> |