graphic design / web / animation / sound
#663300;
rgba(102,51,0,1);
Aenean ac lectus
Aenean ac lectus mauris. Aenean mattis aliquam laoreet. Suspendisse suscipit tempus risus sed eleifend. Pellentesque posuere aliquet lectus, eget aliquet nunc dignissim ut. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur quis leo sit amet erat pulvinar consect. Pellentesque consectetur erat non augue, dipiscing interdum. Cras hendrerit pulvinar lectus, quis semper est egestas nec.
"Mauris fermentum nibh ac sem tempus varius. Nulla vel, text-indent: -0.4em;"
Mauris fermentum nibh ac sem tempus varius. Nulla vel nisl et lectus dapibus laoreet. Etiam gravida adipiscing sodales.
#CC6600;
rgba(204,102,0,1);
Web-Fonts
@font-face {
font-family: chunk;
src: url('webfonts/Chunkfive-webfont.ttf'),
url('webfonts/Chunkfive-webfont.eot'); /* IE9+ */
}
#996633;
rgba(153,102,51,1);
- box-shadow: 0 0 2em 1em
rgba(254, 255, 133, .8); - box-shadow: 0 0 0 .5em #996633,
0 0 0 .75em rgba(254, 255, 133, .2);
#003366;
rgba(0,51,102,1);
border-radius: 128px;
#336699;
rgba(51,102,153,1);
box-shadow: inset 0 .25em .5em rgba(0, 0, 0, 0.4);
#669999;
rgba(102,153,153,1);
background-image: repeating-linear-gradient (45deg, #669995, #669999 4px, #609393 4px, #609393 8px);
#FFCC00;
rgba(255,204,0,1);
transform: rotate(-45deg);
transform-origin: 50% 50%;
position: relative;
top: 6em;
left: 4em;
#FF9933;
rgba(255,153,51,1);
hover
#flexBox { box-flex:1.0; transition: all 0.5s ease;}
#flexBox:hover { box-flex:2.0; transition: all 0.5s ease;}
