Compare Revisions

Using CSS transforms

Revision 295670:

Revision 295670 by ajimix on

Revision 295677:

Revision 295677 by ajimix on

Title:
Using CSS transforms
Using CSS transforms
Slug:
CSS/Using_CSS_transforms
CSS/Using_CSS_transforms
Tags:
"css","CSS3","CSS Transforms"
"css","CSS3","CSS Transforms"
Content:

Revision 295670
Revision 295677
n109                  <div class="left" style="display: block;position109                  <div class="left" style="display: block;positio
>n: absolute;width: 100px;height: 100px;border: none;line-height: >n: absolute;width: 100px;height: 100px;border: none;line-height: 
>100px;font-family: arial, sans-serif;font-size: 60px;color: white>100px;font-family: arial, sans-serif;font-size: 60px;color: white
>;text-align: center;background: rgba( 0, 0, 196, 0.7 );-moz-trans>;text-align: center;background: rgba( 0, 0, 196, 0.7 );-moz-trans
>form: rotateY(-90deg) translateZ( 50px ); }">>form: rotateY(-90deg) translateZ( 50px );">
n136                  <div class="left" style="display: block;position136                  <div class="left" style="display: block;positio
>n: absolute;width: 100px;height: 100px;border: none;line-height: >n: absolute;width: 100px;height: 100px;border: none;line-height: 
>100px;font-family: arial, sans-serif;font-size: 60px;color: white>100px;font-family: arial, sans-serif;font-size: 60px;color: white
>;text-align: center;background: rgba( 0, 0, 196, 0.7 );-moz-trans>;text-align: center;background: rgba( 0, 0, 196, 0.7 );-moz-trans
>form: rotateY(-90deg) translateZ( 50px ); }">>form: rotateY(-90deg) translateZ( 50px );">
n163                  <div class="left" style="display: block;position163                  <div class="left" style="display: block;positio
>n: absolute;width: 100px;height: 100px;border: none;line-height: >n: absolute;width: 100px;height: 100px;border: none;line-height: 
>100px;font-family: arial, sans-serif;font-size: 60px;color: white>100px;font-family: arial, sans-serif;font-size: 60px;color: white
>;text-align: center;background: rgba( 0, 0, 196, 0.7 );-moz-trans>;text-align: center;background: rgba( 0, 0, 196, 0.7 );-moz-trans
>form: rotateY(-90deg) translateZ( 50px ); }">>form: rotateY(-90deg) translateZ( 50px );">
n190                  <div class="left" style="display: block;position190                  <div class="left" style="display: block;positio
>n: absolute;width: 100px;height: 100px;border: none;line-height: >n: absolute;width: 100px;height: 100px;border: none;line-height: 
>100px;font-family: arial, sans-serif;font-size: 60px;color: white>100px;font-family: arial, sans-serif;font-size: 60px;color: white
>;text-align: center;background: rgba( 0, 0, 196, 0.7 );-moz-trans>;text-align: center;background: rgba( 0, 0, 196, 0.7 );-moz-trans
>form: rotateY(-90deg) translateZ( 50px ); }">>form: rotateY(-90deg) translateZ( 50px );">
n236                  <div class="left" style="display: block;position236                  <div class="left" style="display: block;positio
>n: absolute;width: 100px;height: 100px;border: none;line-height: >n: absolute;width: 100px;height: 100px;border: none;line-height: 
>100px;font-family: arial, sans-serif;font-size: 60px;color: white>100px;font-family: arial, sans-serif;font-size: 60px;color: white
>;text-align: center;background: rgba( 0, 0, 196, 0.7 );-moz-trans>;text-align: center;background: rgba( 0, 0, 196, 0.7 );-moz-trans
>form: rotateY(-90deg) translateZ( 50px ); }">>form: rotateY(-90deg) translateZ( 50px );">
n260                  <div class="left" style="display: block;position260                  <div class="left" style="display: block;positio
>n: absolute;width: 100px;height: 100px;border: none;line-height: >n: absolute;width: 100px;height: 100px;border: none;line-height: 
>100px;font-family: arial, sans-serif;font-size: 60px;color: white>100px;font-family: arial, sans-serif;font-size: 60px;color: white
>;text-align: center;background: rgba( 0, 0, 196, 0.7 );-moz-trans>;text-align: center;background: rgba( 0, 0, 196, 0.7 );-moz-trans
>form: rotateY(-90deg) translateZ( 50px ); }">>form: rotateY(-90deg) translateZ( 50px );">
t284                  <div class="left" style="display: block;positiot284                  <div class="left" style="display: block;positio
>n: absolute;width: 100px;height: 100px;border: none;line-height: >n: absolute;width: 100px;height: 100px;border: none;line-height: 
>100px;font-family: arial, sans-serif;font-size: 60px;color: white>100px;font-family: arial, sans-serif;font-size: 60px;color: white
>;text-align: center;background: rgba( 0, 0, 196, 0.7 );-moz-trans>;text-align: center;background: rgba( 0, 0, 196, 0.7 );-moz-trans
>form: rotateY(-90deg) translateZ( 50px ); }">>form: rotateY(-90deg) translateZ( 50px );">

Back to History