advanced code snippet search

Posted By

Hercolena on 07/12/10


Tagged

java scriptflipcopyimageword


Versions (?)

Java script to flip & also copy image or word in this instance from stressed to desserts

 / Published in: JavaScript
 

Please note that background colour, font sizes, font family, border style, border collapse, padding, td style flip horizontal or vertical and whether object intended to be flipped is a word or pic indicated by url is merely arbitrary, as code may be adapted as per your personal preference, however should you opt to use this specific example you may feel free to do so. Note: On the free site I used it on the words appear flipped, but on notepad it does not, thus flipped appearance may also be influenced by respective java capabilities.

Expand | Embed | Plain Text 
  1. <STYLE TYPE = "text/css">
  2.  
  3.    BODY  { background-color: blue }
  4.  
  5.  
  6.  
  7.    TABLE { font-size: 3 em:
  8.  
  9.            font-family: Calibri, sans-serif;
  10.  
  11.            background-color: yellow;
  12.  
  13.            border-style: outset ;
  14.  
  15.            border-collapse: separate }
  16.  
  17.  
  18.  
  19.    TD    { border-style: inset;
  20.  
  21.            padding: 2ex }
  22.  
  23. </STYLE>
  24.  
  25. <TABLE>
  26.  
  27.  
  28.  
  29.    <TR>
  30.  
  31.       <TD STYLE = "filter: fliph">StresseD</TD>
  32.  
  33.       <TD>StresseD</TD>
  34.  
  35.    </TR>
  36.  
  37.  
  38.  
  39.    </TR>
  40.  
  41.        <TD STYLE = "filter: flipv fliph">StresseD</TD>
  42.  
  43.        <TD STYLE = "filter: flipv">StresseD</TD>
  44.  
  45.    </TR>
  46.  
  47. </TABLE>

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: Hercolena on July 12, 2010

Note: interesting effects can be obtained by repetition hereof possibly with slight variatiöns effectively placing one nön scrolling image above another in overlapping position possibly with an animation on a stagnatory image or two complimentary animations or a transparent and non transparent gif or some such combination as experimenting herewith wil no doubt achieve impsessive resultß. Please post your url here as example explaining how you implemented this measure.

You need to login to post a comment.