CSS Transform library.
<head>
<link rel="stylesheet" href="D.css">
</head>
<div data-D="@cube-0_wireframe @x-down+ @y-down++">
BOX<br>
BOX<br>
BOX<br>
BOX<br>
</div>
<div data-D="@cube-1_wireframe @x-down+ @y-down++">
AAAA
<div>BBBB</div>
</div>
<div data-D="@cube-2_wireframe @x-down+ @y-down++" style="width: 100px; height: 100px;">
<div>AAAA</div>
<div>BBBB</div>
</div>
- data-L: http://layout.css-initials.com
- data-A: http://animation.css-initials.com
<div data-D="@cube-2_wireframe @x-down+ @y-down++" data-L="@h-1 @w-1" data-A="@rotate-y">
<div>AAAA</div>
<div>BBBB</div>
</div>
<div data-D="@cube-2_wireframe-w_shader-b @x-down+ @y-down++" data-L="@h-2 @w-1" data-A="@rotate-y @rotate-x">
<div>AAAA</div>
<div>BBBB</div>
</div>
http://dimension.css-initials.com
Keyword |
---|
@X @Y @Z |
@cube |
Global modifier |
---|
_wireframe |
_shader |
_depth |
MIT