Autor | Zpráva | ||
---|---|---|---|
Kubazduba Profil * |
#1 · Zasláno: 30. 10. 2015, 13:37:04
Dobrý deň, v každom prehliadači mi kód funguje správne, len v google chrome sú prvky posunuté. Prikládam screenshot a kód.
HTML <h1>Wanna be informed? Give us your e-mail!</h1> <form> <input type="email" class="email-input" placeholder="Type your E-mail."> <br /> <button class="send">SEND</button> </form> CSS .contact > .row { margin-top: 250px; } .email-input { width: 400px; height: 50px; background: rgba(255,255,255,0.1); border: 1px solid #fff; color: #fff; font-family: "Open Sans"; font-size: 24px; margin-top: 30px; } .send { font-family: "Open Sans"; background: rgba(255,255,255,0.1); font-size: 24px; color: #fff; border: 1px solid #fff; border-top: none; width: 400px; height: 50px; transition: 0.8s; } .send:hover { background: #fff; color: #000; } h1 { font-family: "Open Sans"; color: #fff; } Screen |
||
Časová prodleva: 8 let
|
0