anonymoussc · July 26, 2015 23:39
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>

 <head>
    <title>CSS3 transform translate</title>
    <link href="style.css" rel="stylesheet"/>
 </head>

 <body>
    <h2>transform: translateX(100px)</h2>

    <div class="transformTranslate">
        <h2>.transformTranslate</h2>
    </div>
 </body>

 </html>
diff --git a/style.css b/style.css
 .transformTranslate {
    display          : block;
    width            : 400px;
    height           : 50px;
    border           : 1px solid blue;
    background-color : #FF0099;
 }

 .transformTranslate:hover {
    -webkit-transform : translateX(100px);
    transform         : translateX(100px);
 }
	<!DOCTYPE html>
	<html>

	<head>
	<title>CSS3 transform translate</title>
	<link href="style.css" rel="stylesheet"/>
	</head>

	<body>
	<h2>transform: translateX(100px)</h2>

	<div class="transformTranslate">
	<h2>.transformTranslate</h2>
	</div>
	</body>

	</html>
	.transformTranslate {
	display : block;
	width : 400px;
	height : 50px;
	border : 1px solid blue;
	background-color : #FF0099;
	}

	.transformTranslate:hover {
	-webkit-transform : translateX(100px);
	transform : translateX(100px);
	}