Skip to content

Instantly share code, notes, and snippets.

Ramin Ahmadi ramin-ahmadi

Block or report user

Report or block ramin-ahmadi

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View index.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style id="jsbin-css">
#results{
View CSS3 button hover effect no JavaScript!
<!DOCTYPE html>
<html>
<head>
<style>
.button{width:200px;height:60px;cursor:pointer;perspective:500px;-webkit-perspective:500px;}
.button .button-box{height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:0.25s;-webkit-transition:0.25s;}
.button:hover .button-box{transform:rotateX(-90deg);}
View index.html
<!DOCTYPE html>
<html>
<head>
<style>
body {margin:0;}
.topmenu {
overflow: hidden;
background-color:black;
}
View index.html
<!doctype html>
<html ng-app="myApp">
<head>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/foundation/4.3.2/css/foundation.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script>
</head>
<body>
<div ng-controller="CounterController">
<button ng-click="increment()">
You can’t perform that action at this time.