User:Mfaizsyahmi/scrollgallery.css

.scrollgallery-outer { position:relative; overflow: hidden; height:125px } .scrollgallery-outer:hover { overflow: hidden !important; } .scrollgallery-inner { position:absolute; transition: left 2s; } .scrollgallery-prev, .scrollgallery-next { position: absolute; top:0; width: 30px; height: 100%; margin: auto; z-index:3; cursor: pointer; } .scrollgallery-prev:hover, .scrollgallery-next:hover { color:white; text-shadow: -1px -2px rgba(0,0,0,0.6); } .scrollgallery-prev .fa, .scrollgallery-next .fa { margin:42px auto; } .scrollgallery-prev { background: -webkit-linear-gradient(right, transparent, rgba(0,0,0,0.6)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left, transparent, rgba(0,0,0,0.6)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, transparent, rgba(0,0,0,0.6)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to left, transparent, rgba(0,0,0,0.6)); /* Standard syntax */ } .scrollgallery-next { right:0; background: -webkit-linear-gradient(left, transparent, rgba(0,0,0,0.6)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, transparent, rgba(0,0,0,0.6)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, transparent, rgba(0,0,0,0.6)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, transparent, rgba(0,0,0,0.6)); /* Standard syntax */ } .scrollgallery-prev:hover { background: -webkit-linear-gradient(right, transparent, rgba(128,128,128,0.6)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left, transparent, rgba(128,128,128,0.6)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, transparent, rgba(128,128,128,0.6)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to left, transparent, rgba(128,128,128,0.6)); /* Standard syntax */ } .scrollgallery-next:hover { background: -webkit-linear-gradient(left, transparent, rgba(128,128,128,0.6)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, transparent, rgba(128,128,128,0.6)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, transparent, rgba(128,128,128,0.6)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, transparent, rgba(128,128,128,0.6)); /* Standard syntax */ }