Wave effect around circle when clicked using CSS and HTML

by

Use the hover.css framework for a border transition like “ripple out” or “outline out”.

Download Hover.css from here (http://ianlunn.github.io/Hover/), add it in your html file. And use the class “hvr-ripple-out” on your circle

<a href="#" class="hvr-ripple-out circle">Ripple Out</a>

More Related Contents:

  1. Creating an Equation Solver
  2. Make file not show anything in console [closed]
  3. Want to make a multi page navigation menu “HTML, JS, jQuery, Bootstrap” [closed]
  4. How could I make a calendar? [closed]
  5. How to make a screen that looks like mirror in real world? [closed]
  6. Replacing css file on the fly (and apply the new style to the page)
  7. How to autosize a textarea using Prototype?
  8. How to change CSS property using JavaScript
  9. Relative Paths in Javascript in an external file
  10. Dynamically loading css stylesheet doesn’t work on IE
  11. How to silently hide “Image not found” icon when src source image is not found
  12. How to Include CSS and JS files via HTTPS when needed?
  13. Use images like checkboxes
  14. Setting CSS value limits of the window scrolling animation
  15. How can I generate the opposite color according to current color?
  16. HTML – how can I show tooltip ONLY when ellipsis is activated
  17. HTML Table with vertical rows
  18. scrollTop animation without jquery [duplicate]
  19. How to swipe top down JQuery mobile
  20. Using querySelectorAll to change the style property of multiple elements
  21. Convert TD columns into TR rows
  22. What is the difference between window.innerWidth and screen.width?
  23. Adding a new line in a JSX string inside a paragraph – React
  24. CSS: Two column Div layout misaligns when Zoom changes
  25. Adding Google Translate to a web site
  26. Specify parent divs opacity but make it not affect children HTML elements
  27. How to override css prefers-color-scheme setting
  28. Enable/disable a button in pure javascript
  29. How to increase width of underline for the multiline text when on hover
  30. Browsers automatically evaluate hex or hsl colors to rgb when setting via element.style.background?

Leave a Comment