tricks

gistfile1

span {
  color: #999;
  display: inline-block;
  animation: irony 0.9s linear infinite;
}
@keyframes irony {
  0% { transform: skew(-15deg,0deg) }
  50% { transform: skew(15deg, 0deg); }
  100% { transform: skew(-15deg,0deg) }
}

/*glass buttons*/
.btn {
  display:inline-block;
  margin:1.5em 0 .2em 0;
  padding:1.25em 1.5em;
  font:300 16px/1.5 'Roboto', sans-serif;
  border-radius:.75em;
  text-decoration:none;
  background-color:rgba(255,255,255,.05);
  color:rgba(255,255,255,.75);
    box-shadow:
    inset 0 1px 0 0 rgba(255,255,255,.3),
    inset 0 -.5em 0 0 rgba(0,0,0,.05),
    inset 0 .25em 1em 0 rgba(255,255,255,.1),
    inset 0 -.25em 1em 0 rgba(0,0,0,.5),
    inset 0 -1px 0 0 rgba(0,0,0,.1),
    0 0 .25em 0 rgba(0,0,0,.5);
}
.btn:hover {
  background-color:rgba(255,255,255,.1);
}


/*rainbow text*/

#rainbow {
animation: rainbow_name 3s linear 0s infinite alternate;
/* Firefox: */
-moz-animation: rainbow_name 3s linear 0s infinite alternate;
/* Safari and Chrome: */
-webkit-animation: rainbow_name 3s linear 0s infinite alternate;
/* Opera: */
-o-animation: rainbow_name 3s linear 0s infinite alternate;
color: #FFFFFF;
font-weight: 700;
font-family: Verdana, Arial;
}

@keyframes rainbow_name
{
0%   {color:red;}
25%  {color:yellow;}
50%  {color:blue;}
75%  {color:green;}
100% {color:red;}
}

@-moz-keyframes rainbow_name /* Firefox */
{
0%   {color:red;}
25%  {color:yellow;}
50%  {color:blue;}
75%  {color:green;}
100% {color:red;}
}

@-webkit-keyframes rainbow_name /* Safari and Chrome */
{
0%   {color:red;}
25%  {color:yellow;}
50%  {color:blue;}
75%  {color:green;}
100% {color:red;}
}

@-o-keyframes rainbow_name /* Opera */
{
0%   {color:red;}
25%  {color:yellow;}
50%  {color:blue;}
75%  {color:green;}
100% {color:red;}
} 


http://www.gfxtra.com/templates/317930-themeforest-wedding-vow-html-responsive-template.html
http://www.gfxtra.com/templates/287403-themeforest-html-newsletter-postbox-collection-no1.html
http://www.gfxtra.com/templates/278554-themeforest-link-responsive-facebook-html-template.html
http://www.gfxtra.com/templates/246013-themeforest-proton-responsive-html-business-website-template.html
http://www.gfxtra.com/templates/228624-themeforest-tensor-responsive-html-template.html
http://www.gfxtra.com/templates/228155-themeforest-bigbang-responsive-html-template.html