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

Line 2: Line 2:
 
<head>
 
<head>
 
<style>
 
<style>
−
 
 
.ih-item.circle.effect10 .img {
 
.ih-item.circle.effect10 .img {
 
   z-index: 11;
 
   z-index: 11;
Line 54: Line 53:
  
 
.ih-item.circle.effect10.top_to_bottom .info h3 {
 
.ih-item.circle.effect10.top_to_bottom .info h3 {
−
   margin: 30px 30px;
+
   margin: 0 30px;
−
   padding: 60px 0 0 0;
+
   padding: 25px 0 0 0;
 
   height: 78px;
 
   height: 78px;
 
}
 
}
Line 183: Line 182:
 
     .ih-item {
 
     .ih-item {
 
position: relative;
 
position: relative;
−
        float: left;
+
    float:left;
 
-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 194: Line 193:
 
-moz-box-sizing: border-box;
 
-moz-box-sizing: border-box;
 
box-sizing: border-box
 
box-sizing: border-box
−
        float: left;
 
 
}
 
}
  
Line 212: Line 210:
 
.ih-item.circle {
 
.ih-item.circle {
 
position: relative;
 
position: relative;
−
width: 300px;
+
width: 220px;
−
height: 300px;
+
height: 220px;
 
border-radius: 50%
 
border-radius: 50%
 
}
 
}
Line 219: Line 217:
 
.ih-item.circle .img {
 
.ih-item.circle .img {
 
position: relative;
 
position: relative;
−
width: 300px;
+
width: 220px;
−
height: 300px;
+
height: 220px;
 
border-radius: 50%
 
border-radius: 50%
 
}
 
}
Line 339: Line 337:
 
transform: translateY(-50px) scale(0.5)
 
transform: translateY(-50px) scale(0.5)
 
}
 
}
−
 
−
 
 
</style>
 
</style>
 
</head>
 
</head>

Revision as of 22:28, 24 October 2017