This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Canvas Shaky Point Grid</title> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> | |
<style> | |
/* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ | |
body { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(function (global, factory) { | |
"use strict"; | |
if (typeof module === "object" && typeof module.exports === "object") { | |
// For CommonJS and CommonJS-like environments where a proper `window` | |
// is present, execute the factory and get jQuery. | |
// For environments that do not have a `window` with a `document` | |
// (such as Node.js), expose a factory as module.exports. | |
// This accentuates the need for the creation of a real `window`. | |
// e.g. var jQuery = require("jquery")(window); | |
// See ticket #14549 for more info. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import url(https://fonts.googleapis.com/css?family=Gudea:400,700); | |
body { | |
-webkit-perspective: 800px; | |
perspective: 800px; | |
height: 100vh; | |
margin: 0; | |
overflow: hidden; | |
font-family: 'Gudea', sans-serif; | |
background: #EA5C54; | |
background: linear-gradient(135deg, #EA5C54 0%, #bb6dec 100%); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<title>Contoh Bentuk Inline</title> | |
</head> | |
<body bgcolor="#FFFFFF"> | |
<p id="cth1">Ini adalah contoh tag P tanpadiformat menggunakan CSS</p> | |
<p id="cth2" style="font-size:20pt">Tag P ini diformat dengan besar font 20 point</p> | |
<p id="cth3" style="font-size:14pt; color:red">Tag P ini diformat dengan besar font 14 point, dan menggunakan warna merah</p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<title>Contoh Bentuk Embedded</title> | |
</head> | |
<style> | |
body {background:#0000FF; color:#FFFF00; margin-left:0.5in} | |
h1 {font-size:18pt; color:#FF0000} | |
p {font-size:12pt; font-family:arial; text-indent:0.5in} | |
</style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<style type="text/css"> | |
body { | |
background-color: #d0e4fe; | |
} | |
h1 { | |
color: orange; | |
text-align: center; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
h1 { | |
text-align: center; | |
color: red; | |
} | |
h2 { | |
text-align: center; | |
color: red; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<style> | |
body { | |
background-color: lightblue; | |
} | |
h1 { | |
color: white; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// -------------------------- utils -------------------------- // | |
var TAU = Math.PI * 2; | |
function extend( a, b ) { | |
for ( var prop in b ) { | |
a[ prop ] = b[ prop ]; | |
} | |
return a; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
html { height: 100%; } | |
body { | |
min-height: 100%; | |
margin: 0; | |
display: flex; | |
align-items: center; | |
justify-content: center; | |
background: #435; | |
color: white; |
OlderNewer