nefunguje změna podbarvení po přejetí myší (-o-transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1)
Hoj, snažím se o změnu podbarvení textu po přejetí myší. Na jednom tlačítku mi to funguje, na druhém nikoliv, nedaří se mi přijít na to proč. Možná to má nějaké pravidla, které mi unikají.
Jedná se o tlačítko pro přihlášení odběru na www.teramagazin.cz. U tlačítka "přihlásit" (login form) je možné si prohlédnout, jak chci aby to fungovalo.
.login_form .button, .login button,
input.button {
-o-transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
background: url("http://teramagazin.cz/templates/business9/themes/more_contrast/images/button.jpg") transparent;
border: medium none currentColor;
border-radius: 3px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.298);
color: #FFFFFF;
float: none;
font-weight: 700;
height: auto;
padding: 8px 18px;
width: auto;
}
Za případnou radu dík!
Už to chodí, blbě se aktualizoval prohlížeč..
Windows 7 x64, Opera 11.64.
Funguje to přesně, jak chceš.
Čoveče, ale jen pod Operou, resp Chrome mi to nebere
V Chromu nemá to postupné zabarvení, ale přeblikne ihned. Fungují všechna tlačítka.
V IE 8 se nezabarvuje ani jedno (ani přihlášení) a ještě jsou tlačítka hranatá a větší, ne zakulacená.
no, ale v Chrome funguje to pravé tlačítko krásně...Jen levé ne..Kurda.
Obě levá nefungují v Chromu správně.
mě jo čoveče...
Nedá se to nějak optimalizovat i pro IE?