Carlos Rojas carlosrojaso
🎯
This file contains hidden or 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
| #div1 | |
| { | |
| -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */ | |
| transition: width 2s; | |
| } |
This file contains hidden or 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
| #div1 | |
| { | |
| -webkit-transform: rotateX(120deg); /* Chrome, Safari, Opera */ | |
| transform: rotateX(120deg); | |
| } | |
| #div2 | |
| { | |
| -webkit-transform: rotateY(130deg); /* Chrome, Safari, Opera */ | |
| transform: rotateY(130deg); |
This file contains hidden or 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
| #div1 | |
| { | |
| -ms-transform: rotate(30deg); /* IE 9 */ | |
| -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */ | |
| transform: rotate(30deg); | |
| } | |
| #div2 | |
| { | |
| -ms-transform: translate(50px,100px); /* IE 9 */ |
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| @font-face | |
| { | |
| font-family: myFirstFont; | |
| src: url(sansation_light.woff); | |
| } |
This file contains hidden or 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
| h1 | |
| { | |
| text-shadow: 5px 5px 5px #FF0000; | |
| } |
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| #grad1 | |
| { | |
| height:200px; | |
| background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */ | |
| background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */ | |
| background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */ |
carlosrojaso
/ CSS3 Multiple Background Images
Created
May 12, 2014 19:05
CSS3 Multiple Background Images
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| body | |
| { | |
| background:url(img_tree.gif),url(img_flwr.gif); | |
| background-size:100% 100%; | |
| background-repeat:no-repeat; | |
| } |
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| div | |
| { | |
| border:1px solid black; | |
| padding:35px; | |
| background-image:url('smiley.gif'); | |
| background-repeat:no-repeat; |
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| body | |
| { | |
| background:url(img_flwr.gif); | |
| background-size:80px 60px; | |
| background-repeat:no-repeat; | |
| padding-top:40px; |
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| div | |
| { | |
| border:15px solid transparent; | |
| width:250px; | |
| padding:10px 20px; | |
| } |