Skip to content

Instantly share code, notes, and snippets.

Avatar

Ramin Ahmadi ramin-ahmadi

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.