25+ Perfect CSS Close Buttons (Free Code + Demos)

A little close animation that's not a hamburger to close animation

Implementation of Dann Petty's open close animation. https://dribbble.com/shots/1621359-Open-Close-Icon-Animation

Fun times with CSS3 animations

A site required a close button, so I thought I would test something out to see the code required. Its a simple animation but looks so damn good :P

Concept by Rubén Reyes. Feel free to play around with it, animate it, integrated with burger icons, etc.

Forked from shvetsovdm's Pen CSS close button by shvetsovdm.

Simple "X" close button for a modal or any type of form or pop-up -- on hover

A site required a close button, so I thought I would test something out to see the code required. Its a simple animation but looks so damn good :P

Hamburger menu transition. Click to transit menu icon to close button , click close button to transit back to menu icon.

Using three dots to represent navigation, animate to close button on click.

Easily replace default button with this one - CSS only.

The actual and best advantage of this type of widget is that, if your visitors bother with ads (that you are displaying on your blog) and they want to remove it then he can easily close it in just one single click.

I want to create a magnifier icon that turns into a cross when clicked. In combination with a sliding search field, this would be the indicator for both: open search field and when open, indicate the buttons new close function.

Pure CSS button including plus and close symbols. On click it animates from plus or more to close.