.uxc-anim-swipe {
position: relative;
overflow: hidden;
}
.uxc-anim-swipe::before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: var(--uxc-color-primary);
opacity: 0.9;
transform: translate3d(0, 100%, 0);
transition: transform 300ms ease;
transition-delay: 100ms;
}
[data-uxc-hover*=anim-swipe]:hover .uxc-anim-swipe::before,
[data-uxc-hover*=anim-swipe]:hover.uxc-anim-swipe::before {
transform: translate3d(0, 0, 0);
transition-delay: 0ms;
}
@media screen and (max-width: 767px) {
[data-uxc-hover*=anim-swipe]:hover .uxc-anim-swipe::before,
[data-uxc-hover*=anim-swipe]:hover.uxc-anim-swipe::before{
transform: translate3d(0, 100%, 0);
}
} .uxc-anim-swipe-and-arrow {
position: relative;
overflow: hidden;
}
.uxc-anim-swipe-and-arrow::before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: var(--uxc-color-primary);
opacity: 0.9;
transform: translate3d(0, 100%, 0);
transition: transform 300ms ease;
transition-delay: 100ms;
}
.uxc-anim-swipe-and-arrow::after {
content: '';
display: block;
position: absolute;
bottom: 10%;
left: 10%;
height: 3%;
width: 80%;
background-color: var(--uxc-color-inverted);
-webkit-mask-position: left center;
mask-position: left center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url(//www.raphsevenyacht.fr/wp-content/plugins/bb-uxc-kit/assets/icons/fleche.svg);
mask-image: url(//www.raphsevenyacht.fr/wp-content/plugins/bb-uxc-kit/assets/icons/fleche.svg);
transform: translate3d(-50%, 0, 0);
transition: transform 300ms ease;
transition-delay: 0ms;
}
[data-uxc-hover*=anim-swipe-and-arrow]:hover .uxc-anim-swipe-and-arrow::before,
[data-uxc-hover*=anim-swipe-and-arrow]:hover.uxc-anim-swipe-and-arrow::before {
transform: translate3d(0, 0, 0);
transition-delay: 0ms;
}
[data-uxc-hover*=anim-swipe-and-arrow]:hover .uxc-anim-swipe-and-arrow::after,
[data-uxc-hover*=anim-swipe-and-arrow]:hover.uxc-anim-swipe-and-arrow::after {
transform: translate3d(0, 0, 0);
transition-delay: 100ms;
}
@media screen and (max-width: 767px) {
.uxc-anim-swipe-and-arrow::after {
background-color: var(--uxc-color-primary);
}
[data-uxc-hover*=anim-swipe-and-arrow]:hover .uxc-anim-swipe-and-arrow::before,
[data-uxc-hover*=anim-swipe-and-arrow]:hover.uxc-anim-swipe-and-arrow::before{
transform: translate3d(0, 100%, 0);
}
} .uxc-anim-text-primary {
transition: color 150ms ease;
}
[data-uxc-hover*=anim-text-primary]:hover .uxc-anim-text-primary,
[data-uxc-hover*=anim-text-primary]:hover.uxc-anim-text-primary {
color: var(--uxc-color-primary);
}
.uxc-anim-text-danger {
transition: color 150ms ease;
}
[data-uxc-hover*=anim-text-danger]:hover .uxc-anim-text-danger,
[data-uxc-hover*=anim-text-danger]:hover.uxc-anim-text-danger {
color: var(--uxc-color-danger);
}