How can I enhance the appearance of image-slides in fancyBox 3?
So far, I have experimented with the following code:
<style>
.fancybox-placeholder {
padding: 40px;
background: #fff;
}
.fancybox-image {
position: static;
}
</style>
<a href="img.jpg" data-fancybox><img src="thumb.jpg"></a>
While this works well for viewing and navigating between slides, it lacks visual appeal during the open/close transition of the fancyBox.
To see this in action, visit this CodePen link.
I am curious if there is a more effective way to implement a frame in fancyBox 3 that maintains a polished appearance when opening and closing the slide/gallery. Unfortunately, my search through the documentation did not yield any helpful information on this topic.