Galeria
auto slide testimonial carousel using css 3
body {
font-family: Tahoma;
overflow-x: hidden;
background-image: url(ur.jpg);
}
.hi-slide{
position: relative;
width: 754px;
height: 292px;
margin: 115px auto 0;
}
.hide-slide . hi-next,
.hi-slide .hide-prev {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
border-radius: 50px;
line-height:40px;
text-align: center;
cursor: pointer;
color: black;
font-size: 20 px;
font-weight: bold;
.hi-slide .h1-next: hover,
.hi-slide .h1-prev: hober {
opacity: 1;
background-color: white;
}
.hi-slide .hi-prev {
left: -70px;
}
.hi-slide .hi-prev::before{
content: »;
}
.hi-slide > ul{
list-style: none
position: relative;
width: 754px;
height: 292px;
margin: 0;
padding: 0;
}
.hi-slide > ul >li {
overflow: hidden;
position: absolute;
z-index: 0;
left: 377px;
top: 147px;
width: 0;
height: 0;
margin: 0;
padding: 0;
border: 3px solid white;
background-color: #333;
cursor: pointer;
}
.hi-slide > ul > li > img{
width: 100%;
height: 100%
background-postition: center
}
https://code.jquery.com/jquery-3.3.1.js%20%20/script
http://js/jquery.hislide.js
$(‘.slide’).hiSlide();