Easy Glow Effect In Pure CSS/CSS3 – Glowing.css

Category: Animation , CSS & CSS3 | February 23, 2017
Author:topex-psy
Views Total:3,542 views
Official Page:Go to website
Last Update:February 23, 2017
License:MIT

Preview:

Easy Glow Effect In Pure CSS/CSS3 – Glowing.css

Description:

Glowing.css is a lightweight CSS library which applies a glow effect to any DOM objects on mouse hover. Based on CSS3 transform, filter, animation and transition properties.

How to use it:

Insert the Glowing.css file into your webpage.

<link rel="stylesheet" href="glowing.css">

Add the required CSS class ‘glowing’ and a color class of your choice to your element. Available color classes:

  • red
  • orange
  • yellow
  • green
  • cyan
  • lightblue
  • blue
  • darkblue
  • indigo
  • purple
  • magenta
  • pink
<img src="1.png" class="glowing darkblue">

Apply more effect to the image.

  • and: required
  • quickly: faster animation speed
  • rotating: rotate effect
  • zooming: zoom effect
  • disco: disco effect
<img src="1.png" class="glowing red and quickly rotating">

You Might Be Interested In:


Leave a Reply