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.