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).