Ero sivun ”Järjestelmäviesti:Vector.css” versioiden välillä
| Rivi 55: | Rivi 55: | ||
input#searchInput:hover, input#searchInput:focus | input#searchInput:hover, input#searchInput:focus | ||
{ | { | ||
| + | opacity: 1; | ||
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5); | -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5); | ||
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5); | -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5); | ||
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5); | box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5); | ||
} | } | ||
Versio 24. huhtikuuta 2014 kello 05.50
/* Tämä sivu sisältää Vector-ulkoasua muuttavia tyylejä. */
@keyframes searchEffect
{
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.3;
}
}
@-o-keyframes searchEffect
{
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.3;
}
}
@-moz-keyframes searchEffect
{
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.3;
}
}
@-webkit-keyframes searchEffect
{
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.3;
}
}
input#searchInput
{
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
font-weight: bold;
-webkit-animation: searchEffect 5s infinite; /* Safari 4+ */
-moz-animation: searchEffect 5s infinite; /* Fx 5+ */
-o-animation: searchEffect 5s infinite; /* Opera 12+ */
animation: searchEffect 5s infinite;
}
input#searchInput:hover, input#searchInput:focus
{
opacity: 1;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
}
