Skip to content

Commit 6d598c1

Browse files
committed
Extract Grid Style 9 featured image hover transform effects
- Add cross-browser scale(1.1) transform on hover with webkit/moz/o/ms prefixes - Include legacy IE filter support for Matrix transformation - Apply .pp-content-post-grid parent scoping to prevent global conflicts
1 parent a4bbd7f commit 6d598c1

File tree

1 file changed

+11
-0
lines changed

1 file changed

+11
-0
lines changed

themes/beaver/assets/css/utilities/components/powerpack/content-grid.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -243,4 +243,15 @@
243243
-ms-transition: all 0.5s ease;
244244
-o-transition: all 0.5s ease;
245245
transition: all 0.5s ease;
246+
}
247+
248+
/* Grid Style 9 Featured Image Hover Transform */
249+
.pp-content-post-grid .pp-content-post.pp-grid-style-9:hover .pp-post-featured-img {
250+
-webkit-transform: scale(1.1);
251+
-moz-transform: scale(1.1);
252+
-o-transform: scale(1.1);
253+
-ms-transform: scale(1.1);
254+
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
255+
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand');
256+
transform: scale(1.1);
246257
}

0 commit comments

Comments
 (0)