Difference between revisions of "Team:SVCE Chennai/CSS"

Line 7: Line 7:
 
.firstHeading{
 
.firstHeading{
 
display:none;
 
display:none;
 +
}
 +
 +
.loading {
 +
  position: absolute;
 +
  left: 50%;
 +
  top: 50%;
 +
  margin: -60px 0 0 -60px;
 +
  background: #fff;
 +
  width: 100px;
 +
  height: 100px;
 +
  border-radius: 100%;
 +
  border: 10px solid #19bee1;
 +
}
 +
.loading:after {
 +
  content: '';
 +
  background: trasparent;
 +
  width: 140%;
 +
  height: 140%;
 +
  position: absolute;
 +
  border-radius: 100%;
 +
  top: -20%;
 +
  left: -20%;
 +
  opacity: 0.7;
 +
  box-shadow: rgba(255, 255, 255, 0.6) -4px -5px 3px -3px;
 +
  animation: rotate 2s infinite linear;
 +
}
 +
 +
@keyframes rotate {
 +
  0% {
 +
    transform: rotateZ(0deg);
 +
  }
 +
  100% {
 +
    transform: rotateZ(360deg);
 +
  }
 
}
 
}

Revision as of 12:15, 9 September 2015

  1. content {
   width: 100%;

} body{ background: #fff; } .firstHeading{ display:none; }

.loading { 

 position: absolute;
 left: 50%;
 top: 50%;
 margin: -60px 0 0 -60px;
 background: #fff;
 width: 100px;
 height: 100px;
 border-radius: 100%;
 border: 10px solid #19bee1;

} .loading:after { 

 content: ;
 background: trasparent;
 width: 140%;
 height: 140%;
 position: absolute;
 border-radius: 100%;
 top: -20%;
 left: -20%;
 opacity: 0.7;
 box-shadow: rgba(255, 255, 255, 0.6) -4px -5px 3px -3px;
 animation: rotate 2s infinite linear;

}

@keyframes rotate { 

 0% {
   transform: rotateZ(0deg);
 }
 100% {
   transform: rotateZ(360deg);
 }

}