Avatar
marcopolo2542001:

Ahoj,

mám v css daný kód :

.button{
    transition: height 2s;
    height: 100px;
}

.button:hover {
    height: 300px;
}

jde nějak udělat aby se mi po :hoveru napsal tam dole nějaký text ?
Mam samozdřejmě i další css v buttonu..Zajímá mě jen ten text...

Editováno 26.7.2015 22:59
 
Odpovědět 26.7.2015 22:58
Avatar
IT Man
Redaktor
Avatar
Odpovídá na marcopolo2542001
IT Man:

Můžeš použít vlastnost content (a pokud není :hover, nastavit ji prázdnou) nebo si vytvoř v tlačítku span s textem, který při nenajetí bude skrytý a při najetí bude viditelný (vlastnost display).

Nahoru Odpovědět 26.7.2015 23:07
Když nevíš jak dál, podá ti ruku někdo, od koho by jsi to nečekal. A tu šanci musíš přijmout!
Avatar
Odpovídá na IT Man
marcopolo2542001:

Díky moc..
Může to být nějak takto ?

.button{
    transition: height 2s;
    height: 100px;
    content : none;
}

.button:hover {
    height: 300px;
    content: Muj text..;
}
Editováno 26.7.2015 23:17
 
Nahoru Odpovědět 26.7.2015 23:16
Avatar
IT Man
Redaktor
Avatar
Odpovídá na marcopolo2542001
IT Man:

Ono to funguje jen s :after či :before. Úprava by mohla vypadat následovně:

.button {
    transition: height 2s;
    height: 100px;
}

.button:after {
    content: none;
}

.button:hover:after {
    height: 300px;
    content: "Můj text.";
}
Nahoru Odpovědět 27.7.2015 8:44
Když nevíš jak dál, podá ti ruku někdo, od koho by jsi to nečekal. A tu šanci musíš přijmout!
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.