Fun with CSS

A couple of pure (mostly) CSS widgets/toys I came up with as part of an actual project today.

The first is a tooltip popup, triggered on hover (or, using a few lines of JS, on touch):

See the Pen pure css word balloon tooltip by Martin Blase (@mblase75) on CodePen.

The second was an effort to add a circular double-halo around a circular image. It’s supposed to be two static circles, but then I realized I could animate them as well:

See the Pen circular image with a hypnotic halo by Martin Blase (@mblase75) on CodePen.

Leave a Reply

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

*