Смягчить анимацию карточек на мобильных
This commit is contained in:
+8
-1
@@ -4042,7 +4042,8 @@ body.menu-open{overflow:hidden}
|
|||||||
transform:translateY(0);
|
transform:translateY(0);
|
||||||
}
|
}
|
||||||
.arch-card,.restaurant-card,.museum-card{
|
.arch-card,.restaurant-card,.museum-card{
|
||||||
transition:transform .35s ease,box-shadow .35s ease;
|
transition:opacity .75s ease,transform .75s cubic-bezier(.22,.8,.28,1),box-shadow .35s ease;
|
||||||
|
will-change:opacity,transform;
|
||||||
}
|
}
|
||||||
.arch-card:hover,.restaurant-card:hover,.museum-card:hover{
|
.arch-card:hover,.restaurant-card:hover,.museum-card:hover{
|
||||||
transform:translateY(-5px);
|
transform:translateY(-5px);
|
||||||
@@ -4072,6 +4073,12 @@ body.menu-open{overflow:hidden}
|
|||||||
.arch-card,.restaurant-card,.museum-card{transition:none}
|
.arch-card,.restaurant-card,.museum-card{transition:none}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media(max-width:620px) and (prefers-reduced-motion:no-preference){
|
||||||
|
.reveal{
|
||||||
|
transition:opacity .8s ease,transform .8s cubic-bezier(.22,.8,.28,1)!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* Логотип всегда по центру панели, бургер — по правому краю и по вертикальному центру. */
|
/* Логотип всегда по центру панели, бургер — по правому краю и по вертикальному центру. */
|
||||||
.baikal-nav-wrap{
|
.baikal-nav-wrap{
|
||||||
justify-content:center!important;
|
justify-content:center!important;
|
||||||
|
|||||||
Reference in New Issue
Block a user