Horje Website
CSS3 Multiple Transitions – Multiple transitions – CSS Code

CSS3 Multiple Transitions – Multiple transitions

CSS3 Multiple Transitions - Multiple transitions - CSS Code


 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Example of CSS3 Multiple Transitions</title>
  6. <style>
  7. button {
  8.         color: #fff;
  9. padding: 10px 20px;
  10. font: bold 18px sans-serif;
  11. background: #fd7c2a;
  12. border: 3px solid #dc5801;
  13. /* For Safari 3.0+ */
  14. -webkit-transition-property: background, border;
  15. -webkit-transition-duration: 1s, 2s;
  16. /* Standard syntax */
  17. transition-property: background, border;
  18. transition-duration: 1s, 2s;
  19. }
  20. button:hover {
  21. background: #3cc16e;
  22. border-color: #288049;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27.     <button type="button">Hover on me</button>
  28. </body>
  29. </html>



Try Your Self ->



Published:
September 4, 2020
Author:
admin
Category:
CSS Source Code, CSS3 Examples
Views:
18

This article was posted in CSS Source Code, CSS3 Examples and tagged , , . Bookmark the permalink. Follow comments with the RSS feed for this post.Post a Comment or leave a trackback: Trackback URL.

Leave a Reply

Your email address will not be published. Required fields are marked *

 

Horje © 2011 - 2022