How to create Pagination menu in CSS || Ahnaf Onoy || PURE CSS || HTML CSS TUTORIAL

Sorry This video has a recording problem the rest of the codes are:
[
.box li a{
background-color: #fff;
text-align: center;
text-decoration: none;
color: #252525;
border-radius: 50%;
margin: 8px;
box-shadow: inset 0 5px 10px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.5);
transition: .5s;
display: block;
width: 50px;
height: 50px;
line-height: 50px;
}
.box li a:hover,
color: #fff;
background-color: #262626;
}
.box li:first-child a{
border-radius: 50px 0 0 50px;
}
.box li:last-child a{
border-radius: 0 50px 50px 0;
}
]
If you like this video please hit the like button.Subscribe if you haven't yet.
SHARE THIS VIDEO help everyone learn something.

Follow me on socials:

WEBSITE:

[AhnafOnoy]

Sorry, This video has a recording problem; the rest of the codes are:
[
.box li a{
background-color: #fff;
text-align: center;
text-decoration: none;
color: #252525;
border-radius: 50%;
margin: 8px;
box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.5);
transition: .5s;
display: block;
width: 50px;
height: 50px;
line-height: 50px;
}
.box li a:hover,
.box li a.active{
color: #fff;
background-color: #262626;
}
.box li:first-child a{
border-radius: 50px 0 0 50px;
}
.box li:last-child a{
border-radius: 0 50px 50px 0;
}
]