Pagination style 17
This is a simple animation effect, with a well-designed CSS the snippet takes care of the animation which is an attention grabbing pagination design. HTML mark uses the Bootstrap pagination along with the classes for the list. The page-link is well placed using the CSS style sheet. The pagination class is displayed as inline-flex and set to a relative position whereas the page-links are styled to display the circle instead of normal square or rectangle. The transition set to page-links makes an easy to transit from one link to another. Next, styles take care of selectors like ::hover, ::before and :: after, these selectors are carefully designed to give the animation effect of the eclipse. Along with this effect the font color changes accordingly with the transition of 0.5 sec. Due to its simple code, you can use it with any website.