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


/ Published in: JavaScript
Save to your folder(s)

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.


Copy this code and paste it in your HTML
  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

You need to login to post a comment.