Skip to content

Instantly share code, notes, and snippets.

View carlosrojaso's full-sized avatar
🎯
Focusing

Carlos Rojas carlosrojaso

🎯
Focusing
View GitHub Profile
@carlosrojaso
carlosrojaso / CSS3 Text Shadow
Created May 12, 2014 19:13
CSS3 Text Shadow
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
@carlosrojaso
carlosrojaso / CSS3 Web Fonts
Created May 12, 2014 19:15
CSS3 Web Fonts
<!DOCTYPE html>
<html>
<head>
<style>
@font-face
{
font-family: myFirstFont;
src: url(sansation_light.woff);
}
@carlosrojaso
carlosrojaso / CSS3 2D Transforms
Created May 12, 2014 19:17
CSS3 2D Transforms
#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 */
@carlosrojaso
carlosrojaso / CSS3 3D Transforms
Created May 12, 2014 19:19
CSS3 3D Transforms
#div1
{
-webkit-transform: rotateX(120deg); /* Chrome, Safari, Opera */
transform: rotateX(120deg);
}
#div2
{
-webkit-transform: rotateY(130deg); /* Chrome, Safari, Opera */
transform: rotateY(130deg);
@carlosrojaso
carlosrojaso / CSS3 Transitions
Created May 12, 2014 19:21
CSS3 Transitions
#div1
{
-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
transition: width 2s;
}
@carlosrojaso
carlosrojaso / CSS3 Animations
Created May 12, 2014 19:23
CSS3 Animations
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:red;
-webkit-animation:myfirst 5s; /* Chrome, Safari, Opera */
@carlosrojaso
carlosrojaso / CSS3 Multiple Columns
Created May 12, 2014 19:24
CSS3 Multiple Columns
!DOCTYPE html>
<html>
<head>
<style>
.newspaper
{
-webkit-column-count:3; /* Chrome, Safari, Opera */
-moz-column-count:3; /* Firefox */
column-count:3;
}
@carlosrojaso
carlosrojaso / JS hello
Last active August 29, 2015 14:01
JS hello
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript</h1>
<p>Click Date to display current day, date, and time.</p>
<button type="button" onclick="myFunction()">Date</button>
@carlosrojaso
carlosrojaso / ManipulatingHTMLElements
Created May 13, 2014 13:34
Manipulating HTML Elements
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph.</p>
<script>
document.getElementById("demo").innerHTML = "Paragraph changed.";
<!-- Code is written in a .js file, included via the script tag src attribute. -->
<script src="/path/to/example.js"></script>