Close

Pagination style 9

This is another template of a page navigation button line, designed with HTML and CSS. The square-shaped buttons are set to get highlighted in red color, in a focus event. The Li element of lists has been used to display the buttons in a list. The set of buttons is given the styles of font-family as 'Oxygen', sans-serif, display as inline- flex, and position as relative. The button numbers have the styles of color as #e44251, background color as transparent, font size as 25px, font-weight as 700, line-height as 30px, transition of all 0.4s ease 0s, border value of 1px solid #e44251, and height and width as 45px. The background of the button turns to #e44251 in a focus event making it highlighted in red color. The transformation style is given by scale (0) rotate (360deg).

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 *