1. <p class="transition-flash btn"><a>発光するボタンでございます</a></p>
  1. /* 略 */
  2. .btn a:hover {
  3. background-color: #96e9e6;
  4. box-shadow: 0 3px 0 #12978d, 0 6px 0px rgba(0,0,0,0.2);
  5. -webkit-transform: translateY(3px);
  6. transform: translateY(3px);
  7. }
  8. .btn a:active {
  9. color: #ddd;
  10. background-color: #12978d;
  11. box-shadow: 0 0 0 #047c71, 0 0 0px rgba(0,0,0,0.2);
  12. -webkit-transform: translateY(6px);
  13. transform: translateY(6px);
  14. transition-duration: 0.1s;
  15. }