CSS 3D Transformation Matrix Making Of Interactive Changes

RJM Programming - October, 2017

DisplayHTML and Inline Javascript and CSS
Click below to change
Click to Undo or Redo
"Nala! Put down that
matrix3d(0.7751,1.854,0,0,
0,1.3861,0,0, 0,0,1,0,
-0.0004308,0.003552,0,1)
'deformed' soft toy, we think
you'll find belongs to Luna ...
Naaaalllllaaaa!"
Nala! Put down that matrix3d(0.775105,1.85444,0,0, 0,1.386120,0,0, 0,0,1,0,
-0.000430821,0.00355248,0,1)
"deformed" soft toy, that
we think you'll find belongs to Luna ... Naaaalllllaaaa!
... and don't think that's going to cut the mustard at the next World Symposium of Transformation Matressesices 2017 ... "The Future Is Ahead of Onesies".


<blockquote onclick="window.open('//www.rjmprogramming.com.au/PHP/nala.php','_blank');" style='cursor:pointer;background-color:transparent;'><div style="vertical-align:top;color:red;width:100%;text-align:right; background: -webkit-linear-gradient(#BBB, white) bottom repeat; background: linear-gradient(#BBB, white) bottom repeat; "><b><i>"Nala! Put down that<br> matrix3d(0.7751,1.854,0,0,<br> 0,1.3861,0,0, 0,0,1,0,<br> -0.0004308,0.003552,0,1)<br> 'deformed' soft toy, we think<br> you'll find belongs to Luna ... <br>Naaaalllllaaaa!"</i></b><div style="margin-top:-165px;margin-right:290px;text-align:right;height:195px;color:transparent;background:URL('//www.rjmprogramming.com.au/Mac/PhotoBooth_flickr-3of.jpg');background-position:-140px -400px;background-repeat:no-repeat; -webkit-filter: brightness(220%);filter: brightness(220%);"><i>Nala! Put down that matrix3d(0.775105,1.85444,0,0, 0,1.386120,0,0, 0,0,1,0,<br> -0.000430821,0.00355248,0,1)<br> "deformed" soft toy, that<br> we think you'll find belongs to Luna ... Naaaalllllaaaa!</i> </div></div><div style="margin-top:30px;"> ... and don't think that's going to cut the mustard at the next World Symposium of Transformation Matr<strike>esses</strike>ices 2017 ... "The Future Is Ahead of One<font size="1">sies</font>".</div></blockquote><br><br>
<p> </p>