Hello friends!
Pagination is no longer something new to you. Any website has a pagination presence. However, considering the fact I see the style of pagination is quite simple to use: round or square or no background, always border. Have you ever thought about changing style for pagination more vivid and beautiful? So, I will introduce to some pretty styles about pagination for your reference!
Usually when writing code to create pagination, we often use the ul li structure type
|
1 2 3 4 5 6 7 |
<ul class="paginations"> <li class="active"><span>1</span></li> <li class=""><a href="#">2</a></li> <li class=""><a href="#">3</a></li> <li class=""><a href="#">4</a></li> </ul> |
In fact, in the demos that I introduced today, there is not much difference. However, there are some demos that will use svg. And use it, let’s go see each demo offline.
1. Yeti Hand Pagination
With the effect of using hands to be quite new and interesting.