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: 3 roky
|
0