Skip to content

Commit 13cae4a

Browse files
committed
update README about safari bug
1 parent 67ed819 commit 13cae4a

1 file changed

Lines changed: 11 additions & 0 deletions

File tree

README.md

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,17 @@ you an use a CDN, such as, from jsDelivr:
4141
4. For more information, check out [loading.css animation documentation](https://loading.io/animation/).
4242

4343

44+
## Notice
45+
46+
Animations involving fliping ( e.g., rotateX, rotateY, rotateZ ) cause blinking glitches in Safari ( up to version 15.1 ). It's not a loading.css bug but a browser issue which is not yet solved.
47+
48+
A simple workaround is to wrap animated elements within a container with following style:
49+
50+
transform: translate3d(0,0,0)
51+
52+
However this creates a stacking context and may not work well with fixed positioned elements.
53+
54+
4455
## LICENSE
4556

4657
MIT License

0 commit comments

Comments
 (0)