Skip to content

Instantly share code, notes, and snippets.

View TakayoshiKochi's full-sized avatar

Takayoshi Kochi TakayoshiKochi

View GitHub Profile
@keyframes rect {
0% { width: 20px; height: 100px; }
100% { width: 100px; height: 20px;
border-radius: 10px; }
}
div#rect {
position: absolute;
top: 20px;
left: 100px;
<link rel="import" href="../paper-button/paper-button.html">
<link rel="import" href="../paper-checkbox/paper-checkbox.html">
<link rel="import" href="../core-animated-pages/core-animated-pages.html">
<link rel="import" href="../core-animated-pages/transitions/hero-transition.html">
<link rel="import" href="../core-animated-pages/transitions/cross-fade.html">
<link rel="import" href="../core-animated-pages/transitions/slide-down.html">
<link rel="import" href="../core-animated-pages/transitions/slide-up.html">
<link rel="import" href="../core-animated-pages/transitions/tile-cascade.html">
<link rel="import" href="../paper-input/paper-input.html">
<link rel="import" href="../google-map/google-map.html">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div id="yosin">
<span class=name>Yoshifumi</span>