Advertisement
Dzmitry-Gukish

germany_flag

Jan 28th, 2022
1,253
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2. <head>
  3. <style>
  4.  
  5. html, body {
  6.     margin: 0 0;
  7.     padding: 0 0;
  8. }
  9.  
  10. .country-name {
  11.     color: transparent;
  12.     position: absolute;
  13.     left:  0px;
  14.     top:  0px;
  15.     width: 250px;
  16.     text-align:  center
  17. }
  18.  
  19. .name-div {
  20.     height: 30px;
  21. }
  22.  
  23. .flag-bar {
  24.     width: 250px;
  25.     height: 50px;
  26.     /*border: 1px solid black;*/
  27. }
  28. .color-yellow {
  29.     background: yellow
  30. }
  31. .color-red {
  32.     background-color: red
  33. }
  34. .color-black {
  35.     background-color: black
  36. }
  37.  
  38. .flag:hover + .country-name {
  39.     color: black ;
  40. }
  41.  
  42. </style>
  43. </head>
  44. <body>
  45.     <a href="https://en.wikipedia.org/wiki/File:Flag_of_Germany.svg" target="_blank">
  46.     <div class="flag">
  47.         <div class="name-div"></div>
  48.         <div class="flag-bar color-black"></div>
  49.         <div class="flag-bar color-red"></div>
  50.         <div class="flag-bar color-yellow"></div>
  51.     </div>
  52.     <div class="country-name">Germany</div>
  53.     </a>
  54. </body>
  55. </html>
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement