84 lines
1.6 KiB
CSS
84 lines
1.6 KiB
CSS
.slider_wrap {
|
|
position: relative;
|
|
width: 100%;
|
|
max-width: 1100px;
|
|
margin: 0 auto;
|
|
height: 130px;
|
|
}
|
|
|
|
.slider_left_arrow {
|
|
position: relative;
|
|
float: left;
|
|
width: 130px;
|
|
height: inherit;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.slider_left_arrow img {
|
|
position: relative;
|
|
top: 30%;
|
|
left: 60%;
|
|
width: 20%;
|
|
height: 40%;
|
|
}
|
|
|
|
.slider_right_arrow {
|
|
position: relative;
|
|
float: right;
|
|
width: 130px;
|
|
height: inherit;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.slider_right_arrow img {
|
|
position: relative;
|
|
top: 30%;
|
|
left: 30%;
|
|
width: 20%;
|
|
height: 40%;
|
|
}
|
|
|
|
.slider_body_wrap {
|
|
position: relative;
|
|
float: left;
|
|
height: inherit;
|
|
overflow: hidden;
|
|
min-width: 100px;
|
|
}
|
|
|
|
.slider_body {
|
|
position: relative;
|
|
/*left: 0px;*/
|
|
width: 100%;
|
|
/*float: left;*/
|
|
height: inherit;
|
|
-webkit-transition: all 500ms cubic-bezier(0.925, 0.235, 0.185, 0.775);
|
|
-moz-transition: all 500ms cubic-bezier(0.925, 0.235, 0.185, 0.775);
|
|
-o-transition: all 500ms cubic-bezier(0.925, 0.235, 0.185, 0.775);
|
|
transition: all 500ms cubic-bezier(0.925, 0.235, 0.185, 0.775); /* custom */
|
|
|
|
-webkit-transition-timing-function: cubic-bezier(0.925, 0.235, 0.185, 0.775);
|
|
-moz-transition-timing-function: cubic-bezier(0.925, 0.235, 0.185, 0.775);
|
|
-o-transition-timing-function: cubic-bezier(0.925, 0.235, 0.185, 0.775);
|
|
transition-timing-function: cubic-bezier(0.925, 0.235, 0.185, 0.775); /* custom */
|
|
}
|
|
|
|
.slider_content {
|
|
position: relative;
|
|
float: left;
|
|
height: inherit;
|
|
margin: 0 8px;
|
|
}
|
|
|
|
.slider_content img {
|
|
position: relative;
|
|
top: 10%;
|
|
left: 10%;
|
|
width: 80%;
|
|
height: 80%;
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
height: 100%;
|
|
} |