Difference between revisions of "Template:Judd UK/Stylesheets/BSS"

Line 2: Line 2:
 
#slides{
 
#slides{
 
     position: relative;
 
     position: relative;
−
    height: 150px;
 
 
     padding: 0px;
 
     padding: 0px;
−
     margin: 0px;
+
     margin: 0px!important;
 
     list-style-type: none;
 
     list-style-type: none;
 
}
 
}
Line 16: Line 15:
 
     opacity: 0;
 
     opacity: 0;
 
     z-index: 1;
 
     z-index: 1;
−
 
 
     -webkit-transition: opacity 1s;
 
     -webkit-transition: opacity 1s;
 
     -moz-transition: opacity 1s;
 
     -moz-transition: opacity 1s;

Revision as of 14:16, 1 November 2017

/*https://www.sitepoint.com/make-a-simple-javascript-slideshow-without-jquery*/

  1. slides{
   position: relative;
   padding: 0px;
   margin: 0px!important;
   list-style-type: none;

}

.slide{ 

   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   opacity: 0;
   z-index: 1;
   -webkit-transition: opacity 1s;
   -moz-transition: opacity 1s;
   -o-transition: opacity 1s;
   transition: opacity 1s;

}

.showing{ 

   opacity: 1;
   z-index: 2;

}