Home Explore Help
Sign In
lenn
/
angular-demo
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
angular-demo
/
node_modules
/
selenium-webdriver
/
lib
/
test
/
data
/
cssTransform.html

cssTransform.html 1.6 KB
Permalink History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 
  1. <!DOCTYPE html>
    2. 

  2. <style>
    3. 

  3. #parentY {
    4. 

  4.   transform: translateY(-10000px);
    5. 

  5.   -webkit-transform: translateY(-10000px);
    6. 

  6.   -o-transform: translateY(-10000px);
    7. 

  7.   -ms-transform: translateY(-10000px);
    8. 

  8.   -moz-transform: translateY(-10000px);
    9. 

  9. }
    10. 

  10. #parentX {
    11. 

  11.   transform: translateX(-10000px);
    12. 

  12.   -webkit-transform: translateX(-10000px);
    13. 

  13.   -o-transform: translateX(-10000px);
    14. 

  14.   -ms-transform: translateX(-10000px);
    15. 

  15.   -moz-transform: translateX(-10000px);
    16. 

  16. }
    17. 

  17. #transformX {
    18. 

  18.   transform: translateX(-10000px);
    19. 

  19.   -webkit-transform: translateX(-10000px);
    20. 

  20.   -o-transform: translateX(-10000px);
    21. 

  21.   -ms-transform: translateX(-10000px);
    22. 

  22.   -moz-transform: translateX(-10000px);
    23. 

  23. }
    24. 

  24. #transformY {
    25. 

  25.   transform: translateY(-10000px);
    26. 

  26.   -webkit-transform: translateY(-10000px);
    27. 

  27.   -o-transform: translateY(-10000px);
    28. 

  28.   -ms-transform: translateY(-10000px);
    29. 

  29.   -moz-transform: translateY(-10000px);
    30. 

  30. }
    31. 

  31. 

  32. #zero-transform {
    33. 

  33.   transform: translateY(0px);
    34. 

  34.   -webkit-transform: translateY(0px);
    35. 

  35.   -o-transform: translateY(0px);
    36. 

  36.   -ms-transform: translateY(0px);
    37. 

  37.   -moz-transform: translateY(0px);
    38. 

  38.   transform: translateX(0px);
    39. 

  39.   -webkit-transform: translateX(0px);
    40. 

  40.   -o-transform: translateX(0px);
    41. 

  41.   -ms-transform: translateX(0px);
    42. 

  42.   -moz-transform: translateX(0px);
    43. 

  43. }
    44. 

  44. </style>
    45. 

  45. <div id='zero-tranform'>
    46. 

  46. You shouldn't see anything other than this sentence on the page
    47. 

  47. </div>
    48. 

  48. <div id='parentY'>
    49. 

  49.   I have a hidden child
    50. 

  50.   <div id='childY'>
    51. 

  51.     I am a hidden child
    52. 

  52.   </div>
    53. 

  53. </div>
    54. 

  54. <div id='parentX'>
    55. 

  55.   I have a hidden child
    56. 

  56.   <div id='childX'>
    57. 

  57.     I am a hidden child
    58. 

  58.   </div>
    59. 

  59. </div>
    60. 

  60. <div id='transformX'>I am a hidden element </div>
    61. 

  61. <div id='transformY'>I am a hidden element </div>
    62.