Skip to content

Instantly share code, notes, and snippets.

@xem
xem / dabblet.css
Created February 22, 2012 08:00
Y U NO ?
/* Y U NO ? */
body { background: #13579B; }
.outer1 { width: 100px; height: 100px; margin: 100px auto; }
.inner1 { width: 100%; height: 100%; text-align: center; background: #FEDCBA; transition: all 1s ease; }
.outer1:hover { position: absolute; top: 0; left: 0; }
.outer2 { width: 100px; height: 100px; position: relative; margin: 100px auto; }
.outer2:hover { position: static; }
@xem
xem / dabblet.css
Created February 27, 2012 16:01
Y U NO ?
/* Y U NO ? */
body { background: #13579B; }
.outer1 { width: 100px; height: 100px; margin: 100px auto; }
.inner1 { width: 100%; height: 100%; text-align: center; background: #FEDCBA; transition: all 1s ease; }
.outer1:hover { position: absolute; top: 0; left: 0; }
.outer2 { width: 100px; height: 100px; position: relative; margin: 100px auto; }
.outer2:hover { position: static; }
@xem
xem / dabblet.css
Created February 27, 2012 16:01
Y U NO ?
/* Y U NO ? */
body { background: #13579B; }
.outer1 { width: 100px; height: 100px; margin: 100px auto; }
.inner1 { width: 100%; height: 100%; text-align: center; background: #FEDCBA; transition: all 1s ease; }
.outer1:hover { position: absolute; top: 0; left: 0; }
.outer2 { width: 100px; height: 100px; position: relative; margin: 100px auto; }
.outer2:hover { position: static; }
@xem
xem / dabblet.css
Created February 27, 2012 16:04
zoom
/* zoom */
* { margin: 0; padding: 0; }
.containerTable { width: 200px; height: 100px; margin: 100px 0 0 300px; background: #987654; }
.containerTd { width: 100px; height: 100px; vertical-align:top; }
div { text-align: center; width: 100px; height: 100px; background: #ECA864; border: 1px solid black; transition: all 1s ease; position: absolute; }
div.zoom { width: 1024px; height: 700px; margin-left: -300px; margin-top: -100px; position: absolute; }
@xem
xem / LICENSE.txt
Created September 26, 2012 18:39 — forked from 140bytes/LICENSE.txt
Enhanced binary operations: left shift, right shift, and a bonus: bit extraction
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2012 MAXIME EUZIERE
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
@xem
xem / dabblet.css
Created December 14, 2012 09:53
Untitled
.square { width: 100px; height: 100px; border: 1px solid black; }
@xem
xem / LICENSE.txt
Last active December 14, 2015 08:38 — forked from 140bytes/LICENSE.txt
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE>
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
@xem
xem / LICENSE.txt
Last active October 29, 2022 09:55 — forked from 140bytes/LICENSE.txt
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE>
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
@xem
xem / dabblet.css
Created April 5, 2013 12:08
vertical margins and paddings depend on the parent's width.
/* vertical margins and paddings depend on the parent's width. */
div.out {
width: 800px;
height: 400px;
overflow: hidden;
background: #abc;
}
div.in {
@xem
xem / dabblet.css
Created April 5, 2013 12:58
vertical margins and paddings depend on the parent's width. Are there other CSS properties that do the same?
/* vertical margins and paddings depend on the parent's width. Are there other CSS properties that do the same? */
div.out {
width: 800px;
height: 400px;
overflow: hidden;
background: #abc;
}
div.in {