Difference between revisions of "Team:TP-CC San Diego/Templates/AnimationCSS"

 
(18 intermediate revisions by 2 users not shown)
Line 209: Line 209:
 
.ih-item.circle {
 
.ih-item.circle {
 
position: relative;
 
position: relative;
−
width: 400px;
+
width: 300px;
−
height: 400px;
+
height: 300px;
 
border-radius: 50%
 
border-radius: 50%
 
}
 
}
Line 216: Line 216:
 
.ih-item.circle .img {
 
.ih-item.circle .img {
 
position: relative;
 
position: relative;
−
width: 400px;
+
width: 300px;
−
height: 400px;
+
height: 300px;
 
border-radius: 50%
 
border-radius: 50%
 
}
 
}
Line 228: Line 228:
 
height: 100%;
 
height: 100%;
 
border-radius: 50%;
 
border-radius: 50%;
−
box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
 
 
-webkit-transition: all 0.35s ease-in-out;
 
-webkit-transition: all 0.35s ease-in-out;
 
-moz-transition: all 0.35s ease-in-out;
 
-moz-transition: all 0.35s ease-in-out;
Line 264: Line 263:
  
 
.ih-item.circle.effect10.colored .info {
 
.ih-item.circle.effect10.colored .info {
−
background: #1a4a72
+
background: white;
 
}
 
}
  
 
.ih-item.circle.effect10 .info {
 
.ih-item.circle.effect10 .info {
−
background: #333;
+
background: white;
 
opacity: 0;
 
opacity: 0;
 
-webkit-transform: scale(0);
 
-webkit-transform: scale(0);
Line 281: Line 280:
  
 
.ih-item.circle.effect10 .info h3 {
 
.ih-item.circle.effect10 .info h3 {
−
color: #fff;
+
color: black;
 
text-transform: uppercase;
 
text-transform: uppercase;
 
position: relative;
 
position: relative;
Line 289: Line 288:
 
}
 
}
  
−
.ih-item.circle.effect10 .info p {
 
−
color: #bbb;
 
−
font-style: italic;
 
−
font-size: 12px;
 
−
border-top: 1px solid rgba(255, 255, 255, 0.5)
 
−
}
 
  
 
.ih-item.circle.effect10 a:hover .info {
 
.ih-item.circle.effect10 a:hover .info {

Latest revision as of 21:51, 30 October 2017