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


Author: topex-psy
Views Total: 3,487 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">

See also  Setting Spaces between Letters with CSS letter-spacing Property

Leave a Reply

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