Skip to content

Commit a938db3

Browse files
committed
Add fix for flickering text on hover
1 parent 0b05d8d commit a938db3

File tree

3 files changed

+7
-1
lines changed

3 files changed

+7
-1
lines changed

public/css/slider.css

Lines changed: 5 additions & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/scss/_slide-image.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,7 @@
5959
background: $slide-image-hoverlay-background;
6060
transition: opacity $slide-image-hoverlay-fade-in-speed, width 0ms linear $slide-image-hoverlay-fade-in-speed;
6161
opacity: 0;
62+
transform: translateZ(0); //=> avoid flickering
6263
}
6364

6465
&:hover &-hoverlay {

src/scss/_slide.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
height: $slide-height; //=> optional fixed slide height
1515
background: $slide-background;
1616
color: $slide-text-color;
17+
transform: translateZ(0); //=> avoid flickering
1718

1819
+ .slide {
1920
margin-left: $slide-margin;

0 commit comments

Comments
 (0)