#at-property CSS effects

11 free, pure-CSS effects match the "at-property" tag. Each is copy-ready and needs no library or build step.

Focusing the field animates a registered angle so the gradient ring circles it once.

Hover starts a registered angle animating, so the gradient outline runs the perimeter.

An animated angle property spins a gradient ring around a circular avatar badge.

An animated angle property spins a conic gradient into a smooth colour vortex.

A registered custom property animates the angle of a conic gradient border ring.

An animated angle drives a gradient that is masked to a one pixel border ring.

A registered percentage animates the conic arc smoothly instead of snapping.

A registered percentage property animates a conic fill sweeping around the box.

A registered percentage property lets the conic sweep animate smoothly, not in steps.

A registered angle property makes the clipped gradient rotate instead of jumping.

Turning it on starts a registered angle animating, spinning a conic glow behind the track.

Popular tags