banner.css 1.1 KB

1
  1. .slider{position:relative;width:100%;height:auto;overflow:hidden}.slides{height:auto;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transition:all 500ms cubic-bezier(.165,.84,.44,1);-moz-transition:all 500ms cubic-bezier(.165,.84,.44,1);-ms-transition:all 500ms cubic-bezier(.165,.84,.44,1);-o-transition:all 500ms cubic-bezier(.165,.84,.44,1);transition:all 500ms cubic-bezier(.165,.84,.44,1)}.slide{height:auto;float:left;clear:none}.slider-arrows{}.slider-arrow{position:absolute;display:block;margin-bottom:-20px;width:40px;height:40px;line-height:40px;text-decoration:none;text-align:center;color:#fff;font-size:2em;background-color:#333;background-color:rgba(50,50,50,.3);border-radius:50%}.slider-arrow--right{bottom:50%;right:30px}.slider-arrow--left{bottom:50%;left:30px}.slider-nav{position:absolute;bottom:30px}.slider-nav__item{width:12px;height:12px;float:left;clear:none;display:block;margin:0 5px;background:#000;border-radius:100%}.slider-nav__item:hover{background:#ccc}.slider-nav__item--current{background:#ccc}