Difference between revisions of "Template:Calgary/Team-Style"

(CSS Sheet for Team Page)
 
Line 7: Line 7:
 
       transition: .3s;
 
       transition: .3s;
 
       cursor: pointer;
 
       cursor: pointer;
 
 
     }
 
     }
  

Revision as of 22:06, 16 July 2020

 .row {
     padding: 15px;
   }
   .single-content {
     position: relative;
     transition: .3s;
     cursor: pointer;
   }
   .single-content .text-content,
   .single-content:after{
     position: absolute;
     left: 20px;
     right: 20px;
   }
   .single-content:after{
     content: ;
     display: block;
     background: #FF7700;
     top: 0px;
     bottom: 0px;
     left: 0px;
     right: 0px;
     opacity: 0;
     transition: .4s;
     transition-timing-function: ease-out;
   }
   .single-content:hover:after{
     opacity: .4;
   }
   .text-content{
     top: 40%;
     opacity: 0;
     z-index: 1;
     transition: .3s;
     text-align: center;
     color: #FFF;
   }
   .single-content:hover .text-content{
     opacity: 1;
     transition-delay: .3s;
   }