| Autor | Zpráva | ||
|---|---|---|---|
| Lopatka Profil * |
#1 · Zasláno: 9. 2. 2021, 21:28:58
Ahoj,
chci se zeptat obecně, lze neopakovat vlastnost při transform-u, pokud chci na hover doplnit další novou? Tj. nechci opakovat skew. span
{
border: 1px solid #ccc;
font-size: 50px;
padding: 1px;
display: inline-block;
transform: skew(-15deg);
}
span:hover
{
transform: scale(1.1) skew(-15deg);
} |
||
| Firibix Profil |
#2 · Zasláno: 9. 2. 2021, 21:43:46
Reakce na Lopatku:
V čistém CSS nelze. |
||
| Kajman Profil |
#3 · Zasláno: 10. 2. 2021, 08:53:43
Lopatka:
A můžete používat nástroj, který css teprve vygeneruje? Např. SASS? |
||
| Lopatka Profil * |
Firibix, Kajman:
Díky. Ano můžu. Něco takového půjde +/-, nicméně jsem si chtěl ověřit jestli to nejde bez opakování. $transformValues: 'skew(-15deg)'; $transformValuesHover: $transformValues + 'skew(-15deg)' Resp takto $transformValues: skew(-15deg); $transformValuesHover: $transformValues + ' ' + scale(1.1); |
||
| Kajman Profil |
#5 · Zasláno: 10. 2. 2021, 10:20:46
Tady řeší něco podobného přes mixin.
adding a 2nd transform on hover ale nejsem si jistý, co bude v zápise přehlednější. |
||
|
Časová prodleva: 5 let
|
|||
0