Codrops logo
  • Playground
  • Tutorials
  • Sketches
  • Articles
  • Collective
  • CSS Reference
Search icon

hoversvg

Creating a Border Animation Effect with SVG and CSS

Feb 26, 2014 by Manoela Ilic

The website of Carl Philipe Brenner has some very creative and subtle animations and today we want to explore how to recreate a border animation effect using CSS transitions on SVG lines.

+ more
inspirationmenuoverlaysvg

Fullscreen Overlay Effects

Feb 6, 2014 by Manoela Ilic

Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore some effects for fullscreen overlays.

+ more
Mailchimp
Create stunning brand assets with the help of our AI-driven Creative Assistant. Get started today.
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Collective
  • Blueprints
  • CSS Reference
  • Freebies
  • About
  • Contact
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • Subscribe
  • Twitter
  • Mastodon
  • Instagram
  • GitHub
  • RSS Feed
  • Content delivered by StackPath
  • © Codrops 2023