crazyrohila

/**
 * Some mixins I use when not including compass/bourbon in project.
 */

@mixin vendor($property, $value) {
  -webkit-#{$property}:$value;
  -moz-#{$property}:$value;
  -ms-#{$property}:$value;
  -o-#{$property}:$value;
  #{$property}:$value;

crazyrohila

(function($) {
    $.fn.resizeToCover = function () {
      this.each(function() {
        if($(this).is('img')) {
          var viewport = $(this).parent();
          var img = $(this);
          var org_img = new Image();
          org_img.src = img.attr("src");
          var image_original_width = org_img.width;
          var image_original_height = org_img.height;

crazyrohila

/**
 * F A L T U
 */

@keyframes move {
	50% {
		text-shadow:
		0 0 20px #fefcc9,
		10px -10px 30px #feec85,
		-20px -20px 40px #ffae34,

crazyrohila

/**
 * Google Drive icon.
 */

#main {
  position:relative;
  width:250px;
  height: 250px;
  transform:rotate(-60deg);
}

crazyrohila

/**
 * image and css comparison. 
 */
div {background: #01476b; padding: 7px 10px; width: 882px;}
span {
	font-family: verdana;
	font-style: italic;
	font-weight: 700;
	text-shadow: 3px 4px 3px #222;
	font-size: 18px;

crazyrohila

/**
 * CSS3 start-stop button.
 */

input.cbox {display:none;}
.label {
	cursor:pointer;
	position: absolute;
	top: 50%;
	left: 50%;

crazyrohila

/**
 * car steering
 */

#circle {
	width: 300px;
	height: 300px;
	border: 25px solid #2F4F4F;
	border-radius: 50%;
	position: relative;

crazyrohila

/**
 * coming through.
 */

@keyframes gola {
	0%{ transform: rotate(0deg) scale(.01) skew(0,0); top:0;}
	15%{ transform: rotate(0deg) scale(.01) skew(0,0); top:0;}
	100%{ transform: rotate(720deg) scale(7) skew(10deg,10deg); top:90%;}
}

crazyrohila

/**
 * moving man.
 */

#man {
	position: relative;
	width:350px;
	transform: scale(.4);
	left: -15%;
}

crazyrohila

/**
 * The first commented line is your dabblet’s title
 */
@keyframes pump {
	0% {
		top: 0;
		left: 0;
		font-size: 100px;
		transform: rotate(0deg);
	}