Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ CSS _ "Transition" wpływa na domyślny wygląd elementu

Napisany przez: Freshoy 3.03.2019, 21:35:14

Oto kod mojego elementu:
Kod: Zaznacz Podgląd (X)HTML Zapisz

  1. .contact-container input[type=submit] {
  2. padding: 10px;
  3. border: 1px solid rgb(169, 169, 169);
  4. color: #757575;
  5. background-color: white;
  6. font-family: Arial, Helvetica, sans-serif;
  7. font-size: 11px;
  8. text-transform: uppercase;
  9. width: auto;
  10. cursor: pointer;
  11. transition: 0.2s;
  12. -webkit-transition: 0.2s;
  13. }
  14. .contact-container input[type=submit]:hover {
  15. background-color: black;
  16. color: white;
  17. border-color: black;
  18. }



Problem jest w tym, że tak powinien wyglądać mój input od początku załadowania strony, a on się animuje od domyślnego wyglądu jaki jest w chrome (bo w innych przeglądarkach nie mam tego problemu) do tego. Trudno to wytłumaczyć. Nigdzie nie mogłem znaleźć tego więc temat ląduje tutaj.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)