Slider1 code - Step One Slider Css Code

 Bayram Cigerli, Slider, Blogger Slider, Blogspot Slider, Free Slider, Easy Slider, Free Slider, Ücretsiz Slider, Hızlı ve Kolay Slider, Slider1, Slider Css, Step One

<!-- Step One Slider Css Code -->

<style id="slider-css-code">

.dg-container {

width: 100%;

height: 340px;

}

.dg-wrapper {

width: 481px;

height: 290px;

margin: 0 auto;

position: relative;

-webkit-transform-style: preserve-3d;

-moz-transform-style: preserve-3d;

-o-transform-style: preserve-3d;

-ms-transform-style: preserve-3d;

transform-style: preserve-3d;

-webkit-perspective: 1000px;

-moz-perspective: 1000px;

-o-perspective: 1000px;

-ms-perspective: 1000px;

perspective: 1000px;

}

.dg-wrapper a {

width: 482px;

height: 316px;

display: block;

position: absolute;

left: 0;

top: 0;

background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtlGNe5NYo-ht34Oo6tVsy2FBqP3pWoKxtwRn0uKfd8HFA2Gdm8s0Q_dcHrskWeRubBx6B1o65_YHh_RbtXOR33SAlIUkPxl9pGBZoFN_VSj-kP-TjKX2ILqqt1p1WL7Wl1-JxN3C6I3Wn/s1600/back.png) no-repeat top left;

box-shadow: 0px 10px 20px rgba(0,0,0,0.3);

width: 410px;

height: 269px;

}

.dg-wrapper a.dg-transition {

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

.dg-wrapper a img {

display: block;

padding: 41px 0px 0px 1px;

width: 408px;

height: 219px;

}

.dg-wrapper a div {

text-align: center;

line-height: 50px;

color: #b71427;

font-size: 13px;

width: 100%;

bottom: -55px;

font-weight: normal;

display: none;

position: absolute;

font-family: 'Lato', Arial, sans-serif;

text-transform: uppercase;

}

.dg-wrapper a.dg-center div {

display: block;

}

.dg-container nav {

position: absolute;

z-index: 1000;

left: 47.5%;

margin-left: -29px;

margin-top: 0px;

width: 100px;

}

.dg-container nav span:hover {

opacity: 1;

}

.dg-container nav span.dg-next {

background-position: top right;

margin-left: 10px;

}

.expanded #content-wrapper {

width: 845px;

padding-right: 0px;

}

.dg-container nav .fa {

padding: 10px;

border-radius: 50%;

color: #3d5054;

border: 2px solid #3d5054;

}

.dg-container nav .fa:hover {

color: #b71427;

border: 2px solid #b71427;

}

</style>