Advertisement
Guest User

Untitled

a guest
Oct 19th, 2019
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.40 KB | None | 0 0
  1. @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
  2.  
  3. html,
  4. body,
  5. #root {
  6.     font-family: 'Roboto', sans-serif;
  7.     margin: 0;
  8. }
  9. * {
  10.     outline:none;
  11. }
  12.  
  13. .wrapper {
  14.     height: 100vh;
  15.     display: flex;
  16.     justify-content: center;
  17.     align-items: center;
  18. }
  19.             /* PLACEHOLDER */
  20.  
  21. .form-input::-webkit-input-placeholder {
  22.     font-size: 18px;
  23.     font-weight: 400;
  24.     color: #999;
  25.     opacity: 1;
  26.     transition: opacity 0.3s ease;
  27. }
  28.  
  29. .form-input::-moz-placeholder {
  30.     font-size: 18px;
  31.     font-weight: 400;
  32.     color: #999;
  33.     opacity: 1;
  34.     transition: opacity 0.3s ease;
  35. }
  36.  
  37. .form-input:-moz-placeholder {
  38.     font-size: 18px;
  39.     font-weight: 400;
  40.     color: #999;
  41.     opacity: 1;
  42.     transition: opacity 0.3s ease;
  43. }
  44.  
  45. .form-input:-ms-input-placeholder {
  46.     font-size: 18px;
  47.     font-weight: 400;
  48.     color: #999;
  49.     opacity: 1;
  50.     transition: opacity 0.3s ease;
  51. }
  52.  
  53. .form-input:focus::-webkit-input-placeholder {
  54.     opacity: 0;
  55.     transition: opacity 0.3s ease;
  56. }
  57.  
  58. .form-input:focus::-moz-placeholder {
  59.     opacity: 0;
  60.     transition: opacity 0.3s ease;
  61. }
  62.  
  63. .form-input:focus:-moz-placeholder {
  64.     opacity: 0;
  65.     transition: opacity 0.3s ease;
  66. }
  67.  
  68. .form-input:focus:-ms-input-placeholder {
  69.     opacity: 0;
  70.     transition: opacity 0.3s ease;
  71. }
  72.  
  73.  
  74. .form-input {
  75.     padding: 0 15px;
  76. }
  77.  
  78.         /* PLACEHOLDER */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement