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
| /* | |
| http://www.w3schools.com/cssref/css3_pr_keyframes.asp | |
| */ | |
| .ornament { | |
| -webkit-animation:tilting 4s infinite; /* Safari and Chrome */ | |
| -webkit-animation-timing-function:ease-in-out; | |
| -webkit-transform: rotate(-45deg); |
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
| .neon{ | |
| text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; | |
| } |
jupegarnica
/ index.html
Created
January 1, 2013 22:52
css efecto text0 con profundidad. text-shadow
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
| ody { | |
| font-size:4em; | |
| color: #555; | |
| background: #575757; | |
| text-align:center; | |
| } | |
| .depth{ | |
| text-shadow: 1px 1px #777, -1px -1px #333; | |
| } |
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
| @import url(http://fonts.googleapis.com/css?family=Julius+Sans+One|Kaushan+Script|Source+Sans+Pro); |
jupegarnica
/ boxshadow4.html
Created
January 2, 2013 07:57
css box-shadow efect sombra elemento volador
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
| <style type="text/css"> | |
| <!-- BOX SHADOW EFECTOS!--> | |
| #boxcontenedor | |
| { | |
| width:400px; | |
| height:300px; | |
| } | |
| #box |
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
| <script src="js/jquery.typewatch.js" type="text/javascript" charset="utf-8" async defer></script> | |
| // callback: The function to call | |
| // wait: The number of milliseconds to wait after the the last key press before firing the callback | |
| // highlight: Highlights the element when it receives focus | |
| // captureLength: Minimum # of characters necessary to fire the callback | |
| var options = { | |
| callback:function(){ alert("changed search text"); }, | |
| wait:750, | |
| highlight:true, | |
| captureLength:2 |
jupegarnica
/ script.js
Last active
December 11, 2015 07:58
Prevent Users from submitting form by hitting enter
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
| //Prevent Users from submitting form by hitting enter | |
| //http://stackoverflow.com/questions/895171/prevent-users-from-submitting-form-by-hitting-enter | |
| $(document).ready(function() { | |
| $(window).keydown(function(event){ | |
| if(event.keyCode == 13) { | |
| event.preventDefault(); | |
| return false; | |
| } | |
| }); |
jupegarnica
/ style.css
Last active
December 11, 2015 07:58
border-box. el padding no sale hacia afuera del tamaño definido, sino que queda contenido dentro.
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
| box-sizing: border-box; | |
| ms-box-sizing: border-box; | |
| webkit-box-sizing: border-box; | |
| moz-box-sizing: border-box; |
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
| @font-face { | |
| font-family: 'Museo500'; | |
| src: url('../fonts/museo500-regular-webfont.eot'); | |
| src: url('../fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'), | |
| url('../fonts/museo500-regular-webfont.woff') format('woff'), | |
| url('../fonts/museo500-regular-webfont.ttf') format('truetype'), | |
| url('../fonts/museo500-regular-webfont.svg#Museo500') format('svg'); | |
| font-weight: normal; | |
| font-style: normal; | |
| } |
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
| <!--[if lt IE 8]> | |
| <p class='chrome-frame text-center'> | |
| You are using an | |
| <strong>outdated</strong> | |
| browser. Please | |
| <a href='http://browsehappy.com/'>upgrade your browser</a> | |
| or | |
| <a href='http://www.google.com/chromeframe/?redirect=true'>activate Google Chrome Frame</a> | |
| to improve your experience. | |
| </p> |
OlderNewer