Difference between revisions of "Template:HKJS S/css/Notebook"

Line 46: Line 46:
 
     right: 5%;
 
     right: 5%;
 
     bottom: 7%;
 
     bottom: 7%;
 +
    opacity: 1;
 +
-webkit-transition: all .5s ease-in 3s;
 +
transition: all .5s ease-in 3s;
 +
z-index: 2;
 +
-webkit-animation: bounce 2s infinite 2s;
 +
animation: bounce 2s infinite 2s;
 +
-webkit-transition: all .2s ease-in;
 +
transition: all .2s ease-in;
 +
} @keyframes bounce {
 +
0%,
 +
100%,
 +
20%,
 +
50%,
 +
80% {
 +
  -webkit-transform: translateY(0);
 +
  -ms-transform: translateY(0);
 +
  transform: translateY(0);
 +
}
 +
40% {
 +
  -webkit-transform: translateY(10px);
 +
  -ms-transform: translateY(10px);
 +
  transform: translateY(10px);
 +
}
 +
60% {
 +
  -webkit-transform: translateY(5px);
 +
  -ms-transform: translateY(5px);
 +
  transform: translateY(5px);
 +
}
 
}
 
}

Revision as of 08:48, 28 September 2018

.heading{ padding: 8px; border-bottom: solid blue 4px; } .headbtn_div{ width: 20%; margin: auto; padding: 5px; } .head_btn{ background: transparent; border: none; } .btn{ background: transparent; border: none; color: blue; font-size : 15px; left-margin: 10px; } .content{ display: none; } .head_div{ padding: 5px; border-bottom: solid blue 2px; } .big_div{ width: 87%; margin: auto; } .head{ font-weight: bold; } .top_btn{ background-color: blue; 

   border: none;
   color: white;
   padding: 10px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 23px;
   border-radius: 70%;
   position: fixed;
   right: 5%;
   bottom: 7%;
   opacity: 1;
-webkit-transition: all .5s ease-in 3s;
transition: all .5s ease-in 3s;

z-index: 2; 

-webkit-animation: bounce 2s infinite 2s;
animation: bounce 2s infinite 2s;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;

} @keyframes bounce { 

0%,
100%,
20%,
50%,
80% {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
40% {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
60% {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

}