Fixed article card hover style
This commit is contained in:
parent
cbb5e22b42
commit
2c7e98acdf
|
@ -12,7 +12,7 @@
|
|||
}
|
||||
|
||||
&:hover {
|
||||
.shoutCardCover img {
|
||||
.shoutCardCover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
}
|
||||
|
@ -89,6 +89,7 @@
|
|||
}
|
||||
|
||||
.shoutCardCoverContainer {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
@ -99,13 +100,13 @@
|
|||
overflow: hidden;
|
||||
padding-bottom: 56.2%;
|
||||
position: relative;
|
||||
transform-origin: 50% 50%;
|
||||
transition: transform 1s ease-in-out;
|
||||
|
||||
img {
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
position: absolute;
|
||||
transform-origin: 50% 50%;
|
||||
transition: transform 1s ease-in-out;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
|
|
@ -47,11 +47,13 @@ export const ArticleCardSwiper = (props: Props) => {
|
|||
round-lengths={true}
|
||||
loop={true}
|
||||
speed={800}
|
||||
/*
|
||||
autoplay={{
|
||||
disableOnInteraction: false,
|
||||
delay: 6000,
|
||||
pauseOnMouseEnter: true
|
||||
}}
|
||||
*/
|
||||
>
|
||||
<For each={props.slides}>
|
||||
{(slide, index) => (
|
||||
|
|
Loading…
Reference in New Issue
Block a user