Skip to content

w4u-public/D.css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

D.css

CSS Transform library.

Usage

<head>
  <link rel="stylesheet" href="D.css">
</head>

Ex.

@cube-0

<div data-D="@cube-0_wireframe @x-down+ @y-down++">
  BOX<br>
  BOX<br>
  BOX<br>
  BOX<br>
</div>

@cube-0

@cube-1

<div data-D="@cube-1_wireframe @x-down+ @y-down++">
  AAAA
  <div>BBBB</div>
</div>

@cube-1

@cube-2

<div data-D="@cube-2_wireframe @x-down+ @y-down++" style="width: 100px; height: 100px;">
  <div>AAAA</div>
  <div>BBBB</div>
</div>

@cube-2

Mixed

<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>

mixed ex1

<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>

mixed ex2

Reference

http://dimension.css-initials.com

Keyword
@X @Y @Z
@cube
Global modifier
_wireframe
_shader
_depth

Licence

MIT