Close

pagination style 1

This is a template of a page navigation button line, designed with CSS and HTML. The Li element of lists has been used to display the buttons in a list. The body is given a style set of color as #0abde3, font-family as 'Noto Sans', sans-serif, display as inline- flex, and position as relative. The next and previous have the initial styles of color as #fff, background color as transparent, font-size as 22px, font-weight as 600, height and width as 44px, and a transition of all 0.3s ease 0s. The animation of a background circle in a hover event has been added by transform: translateX (-50%) translate (50%) rotate (90deg) with its background color set to #fff, height and width to 28px, and a transition of all 0.3s. Border radius has been added as 50% to make it a circle and transform-origin is set to top center to make it appear from top center.

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *