Skip to content

Instantly share code, notes, and snippets.

View mutukrish's full-sized avatar
🎯
Focusing

Muthukrishnan K mutukrish

🎯
Focusing
10 followers · 0 following
View GitHub Profile
@mutukrish
mutukrish / index.html
Created July 18, 2012 06:52
A web page created at CodePen.io
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CodePen &middot; A Pen by mutukrish</title>
<!--
Copyright (c) 2012 muthukrishnan, http://codepen.io/mutukrish
Permission is hereby granted, free of charge, to any person obtaining
@mutukrish
mutukrish / index.html
Created August 22, 2012 07:35
hover on my mouth :):)
<div class="android">
<div class="head">
<div class="l_ant"></div>
<div class="r_ant"></div>
<div class="l_eye"></div>
<div class="r_eye"></div>
</div>
<div class="body">
<div class="l_arm"></div>
<div class="r_arm"></div>
@mutukrish
mutukrish / index.html
Created October 7, 2012 09:35
<div id="bar">
<div class="icon icon-minus">
<div class="icon-minus-circle"></div>
<div class="icon-minus-line"></div>
<span class="name">Minus</span>
</div>
<div class="icon icon-plus">
<div class="icon-plus-circle"></div>
@mutukrish
mutukrish / index.html
Created October 7, 2012 09:36
<div id="bar">
<div class="icon icon-minus">
<div class="icon-minus-circle"></div>
<div class="icon-minus-line"></div>
<span class="name">Minus</span>
</div>
<div class="icon icon-plus">
<div class="icon-plus-circle"></div>
@mutukrish
mutukrish / index.html
Created October 7, 2012 09:37
<div id="bar">
<div class="icon icon-minus">
<div class="icon-minus-circle"></div>
<div class="icon-minus-line"></div>
<span class="name">Minus</span>
</div>
<div class="icon icon-plus">
<div class="icon-plus-circle"></div>
@mutukrish
mutukrish / index.html
Created October 7, 2012 09:41
<body>
<div id="spinner">
<div class="face1">1</div>
<div class="face2">2</div>
<div class="face3">3</div>
<div class="face4">4</div>
<div class="face5">5</div>
<div class="face6">6</div>
</div>
</body>
@mutukrish
mutukrish / index.html
Created October 7, 2012 09:41
bouncing text using keyframes
<body>
<div class="container">
<section class="main">
<div id="textWrapper">
<div id="text">me</div>
<div id="textShadow"></div>
</div>
</section>
</div>
</body>
@mutukrish
mutukrish / index.slim
Created October 7, 2012 09:42
Used all css3 techniques possible
.container
.frog
.left-eye
.right-eye
.mouth
@mutukrish
mutukrish / index.html
Created October 7, 2012 09:42
<body>
<div class="wrapper">
<div class="base-s"></div>
<div class="base" class="base"></div>
<div class="base-h"></div>
<div class="base-g"></div>
<div class="hand-s"></div>
<div class="cup-s"></div>
<div class="hand"></div>
<div class="cup-b" class="base"></div>
@mutukrish
mutukrish / index.html
Created October 7, 2012 09:42
<body>
<div id="sky"></div>
<div id="sun_yellow"></div>
<div id="sun_red"></div>
<div id="clouds">
<div class="cloud x1"></div>
<div class="cloud x2"></div>
<div class="cloud x3"></div>
<div class="cloud x4"></div>
<div class="cloud x5"></div>