Skip to content

Instantly share code, notes, and snippets.

@A973C
A973C / box-shadow.html
Last active April 8, 2017 10:17 — forked from ocean90/box-shadow.html
CSS3 Box Shadow, only top/right/bottom/left and all
<!DOCTYPE html>
<html>
<head>
<title>Box Shadow</title>
<style>
.box {
height: 150px;
width: 300px;
margin: 20px;
@A973C
A973C / jquery.addrule.js
Created April 24, 2017 12:09 — forked from yckart/jquery.addrule.js
Add css-rules to an existing stylesheet - http://stackoverflow.com/a/16507264/1250044
/*!
* jquery.addrule.js 0.0.2 - https://gist.github.com/yckart/5563717/
* Add css-rules to an existing stylesheet.
*
* @see http://stackoverflow.com/a/16507264/1250044
*
* Copyright (c) 2013 Yannick Albert (http://yckart.com)
* Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php).
* 2013/11/23
**/
@A973C
A973C / index.pug
Created September 21, 2017 05:57 — forked from CodeMyUI/index.pug
Smooth 3d perspective slider
- var images = ["https://lh3.googleusercontent.com/aC9nyW5dhaYFmWD8fcf8DApjpH08eHEkbCHqmUPHRQ5T3jK-QyNKZYVMehmrvyPdEA_KxWvgZ3_kyOOYOAv99Ow3UoKSvEloleVKGSfLOwOyDV3Q6Dwi1G-NYoa9-t_ofmmskE6BYnVIOnIz2HWlMcijzIEwvKAL_R4z63DaLgG0z_OcGiSQHunwGAPXrBQUv42ZXuIMODq4zxDHczSxJ72b0-_udtdQK3JuT2X8nXCwFoF7GxmOpzXS0H5f50DuCbXoXcx-O7bgBMCXZdMpTxB27-wdXeLmxpYUySXgjSN2NAKmK16DmGLYvw5tMlrqwb8h4MJEEbXjP1pjPxXsahb7UZseEGyn80uLjATANJvusyJWCtzkkxYXPz-yI1rDvfEJKe2eyA-5AvFlzFBSwBMASn8f7mXinUrXMMREkJQjoi89NfZ91G7253OEVQOqcWxddiYtcHCO5v6Pl3QfV2SUTWXgggscDSY2ezjSPpYERNTXnIM_aCyWmIG7ybrfqOB0eVYBAgynyuPVbjd4KuZWZq2Dfu33HX1RuPKglbOuZGD1QbpJnruvUVkAmjDXI40ENN7X=w1600-h766","https://lh3.googleusercontent.com/4Bn4zdADhWhegRcmxS1xmHxbxIBzEgB8ADfeaCmiwT9iF7y2mN9Wc5L7gFLxUo2bgl3V-97EFrOyE9OXfkvip3pkpNxYe50GiapeT41p7D7tNJm3oEdV8Y-7toGyvz0UZ8VgDACVTUEdzzVVm2NtQSCroSvmo4gL3u0ty-KAyKnah9vIitfw2Rs1MuNzQq6vmzUcw1_4obGAKmk_Nx0dD33RSy1jbT8D61kxERbOu0pHUciywIO2EeUX8iOcJfHHQwVW3lGYcZKSiimGjBUvzHILrSpVZQ1xUlj0U21EeY4Hil1ZaJQaX47hQezcxZj7H8GyWhNv2TzQ7EU8DS3_M
@A973C
A973C / glitch-effect.markdown
Created September 21, 2017 06:00 — forked from CodeMyUI/glitch-effect.markdown
Glitch Effect
@A973C
A973C / index.html
Created September 21, 2017 06:04 — forked from CodeMyUI/index.html
Material Design Bubble Animation
<body>
<div class="background"></div>
<div>
<div class="button"></div>
<div class="button"></div>
<div class="button"></div>
<div class="button"></div>
</div>
</body>
@A973C
A973C / auto-type-css.markdown
Created September 21, 2017 06:06 — forked from CodeMyUI/auto-type-css.markdown
Auto Type CSS !
@A973C
A973C / index.html
Created September 21, 2017 06:10 — forked from CodeMyUI/index.html
Windows Fluent Design Calendar
<main class="calendar-contain">
<section class="title-bar">
<button class="title-bar__burger">
<span class="burger__lines">Toggle Menu</span>
</button>
<span class="title-bar__year">
Calendar > May 2017
</span>
<span class="title-bar__month">
@A973C
A973C / glsl-glitch.markdown
Created September 21, 2017 06:13 — forked from CodeMyUI/glsl-glitch.markdown
GLSL Glitch