Pagination style 8
This is an example of a page navigation button line, designed with CSS and HTML. The buttons are set to get highlighted in blue 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 'Pacifico', cursive, padding as 10px 0, border-radius as 25px, box-shadow as 0 0 10px #999, display as inline- flex, and position as relative. The button numbers have the styles of color as #777, background color as transparent, font size as 28px, line-height as 38px, transition of all 0.3s ease 0s, and height and width as 45px. The background of the button turns to #0984e3 in a focus event making it highlighted in blue color. The border-radius is set as 50% to make it a circle and the transformation style is set as scale (1.3).