transition hover actualites
This commit is contained in:
@@ -2449,6 +2449,18 @@ svg.ext {
|
|||||||
.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row {
|
.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
flex: 0 0 25%;
|
flex: 0 0 25%;
|
||||||
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||||
|
transform-origin: center;
|
||||||
|
}
|
||||||
|
@media (max-width: 479px) {
|
||||||
|
.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row {
|
||||||
|
padding-left: 0rem;
|
||||||
|
padding-right: 0rem;
|
||||||
|
padding-top: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
}
|
}
|
||||||
@media (max-width: 810px) {
|
@media (max-width: 810px) {
|
||||||
.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper {
|
.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper {
|
||||||
|
|||||||
@@ -19,6 +19,20 @@
|
|||||||
.views-row{
|
.views-row{
|
||||||
width: 25%;
|
width: 25%;
|
||||||
flex: 0 0 25%;
|
flex: 0 0 25%;
|
||||||
|
transition:
|
||||||
|
transform 0.3s ease,
|
||||||
|
box-shadow 0.3s ease;
|
||||||
|
|
||||||
|
transform-origin: center;
|
||||||
|
|
||||||
|
@media (max-width: 479px){
|
||||||
|
padding-left: 0rem;
|
||||||
|
padding-right: 0rem;
|
||||||
|
padding-top: 2rem;
|
||||||
|
}
|
||||||
|
&:hover{
|
||||||
|
transform: translateY(-5px);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 810px){
|
@media (max-width: 810px){
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|||||||
Reference in New Issue
Block a user