Insert box shadow to meteor-slides

  • Hi there,

    i was trying on my website to insert box shadow to the sliderbackround. It′s working. Take a look at https://www.alvaromoreno.de.

    Simply copy and paste to the css file in the plugin folder:

    .meteor-slides .meteor-clip {
	line-height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
	-webkit-box-shadow: 0 3px 5px 0px rgba(100,100,100,100);
	box-shadow: 0 3px 5px 0px rgba(100,100,100,100);
	background: -moz-linear-gradient(top, rgba(234,234,234,0) 92%, rgba(147,147,147,0) 93%, rgba(147,147,147,0) 96%, rgba(147,147,147,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(92%,rgba(234,234,234,0)), color-stop(93%,rgba(147,147,147,0)), color-stop(96%,rgba(147,147,147,0)), color-stop(100%,rgba(147,147,147,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(234,234,234,0) 92%,rgba(147,147,147,0) 93%,rgba(147,147,147,0) 96%,rgba(147,147,147,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(234,234,234,0) 92%,rgba(147,147,147,0) 93%,rgba(147,147,147,0) 96%,rgba(147,147,147,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(234,234,234,0) 92%,rgba(147,147,147,0) 93%,rgba(147,147,147,0) 96%,rgba(147,147,147,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(234,234,234,0) 92%,rgba(147,147,147,0) 93%,rgba(147,147,147,0) 96%,rgba(147,147,147,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eaeaea', endColorstr='#a6939393',GradientType=0 ); /* IE6-8 */
}

    Enjoy

    All the best

    Mo

    https://www.ads-software.com/plugins/meteor-slides/

  • The topic ‘Insert box shadow to meteor-slides’ is closed to new replies.