Top 12 : CSS Close Buttons - csshint

Latest Collection of hand-picked free HTML and CSS Close Buttons code examples.

1. Close Animation

See the Pen <a href='https://codepen.io/maneeshc/pen/pPxKQm/'>Close Animation</a> by Maneesh (<a href='https://codepen.io/maneeshc'>@maneeshc</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Maneesh

Made with

Html / CSS(SCSS)

demo and code Get Hosting

2. Close button

See the Pen <a href='https://codepen.io/merrybottle/pen/PdwXYO/'>Close button</a> by merrybottle (<a href='https://codepen.io/merrybottle'>@merrybottle</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

merrybottle

Made with

Html / CSS

demo and code Get Hosting

3. A simple but interactive close button

See the Pen <a href='https://codepen.io/mariusgnicula/pen/MpzOoP/'>A simple but interactive close button</a> by Marius Nicula (<a href='https://codepen.io/mariusgnicula'>@mariusgnicula</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Marius Nicula

Made with

Html / CSS(SCSS)

demo and code Get Hosting

4. Back To Close by Ste

See the Pen <a href='https://codepen.io/wisd81/pen/WrqxPP/'>Back To Close by Ste</a> by Stefano (<a href='https://codepen.io/wisd81'>@wisd81</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Stefano

Made with

Html / CSS / JS

demo and code Get Hosting

5. Open / Close

See the Pen <a href='https://codepen.io/knoland/pen/QNqwzp/'>Open / Close</a> by Jonathan Blair (<a href='https://codepen.io/knoland'>@knoland</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Jonathan Blair

Made with

Html / CSS(SCSS) / JS

demo and code Get Hosting

6. Open / Close button animation

See the Pen <a href='https://codepen.io/JeromeRenders/pen/GqjxVL/'>Open / Close button animation</a> by Jerome Renders (<a href='https://codepen.io/JeromeRenders'>@JeromeRenders</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Jerome Renders

Made with

Html(pug) / CSS(Sass) / JS

demo and code Get Hosting

7. animated close icon

See the Pen <a href='https://codepen.io/rsbear/pen/ZpXJVp/'>animated close icon</a> by ross s (<a href='https://codepen.io/rsbear'>@rsbear</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

ross s

Made with

Html / CSS(SCSS)

demo and code Get Hosting

8. Close button

See the Pen <a href='https://codepen.io/perry_nt/pen/NxobOm/'>Close button</a> by Paraskevas Dinakis (<a href='https://codepen.io/perry_nt'>@perry_nt</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Paraskevas Dinakis

Made with

Html / CSS

demo and code Get Hosting

9. Close button

See the Pen <a href='https://codepen.io/jermbo/pen/eztFu/'>Close Button</a> by Jermbo (<a href='https://codepen.io/jermbo'>@jermbo</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Jermbo

Made with

Html / CSS (Less)

demo and code Get Hosting

10. Pure CSS close icon

See the Pen <a href='https://codepen.io/ndeniche/pen/ljbDL/'>Pure CSS close icon</a> by ndeniche (<a href='https://codepen.io/ndeniche'>@ndeniche</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

ndeniche

Made with

Html / CSS (Scss)

demo and code Get Hosting

11. Hamburger Menu Transition to Close Button

Author

Colin

Made with

Html / CSS(Sass) / Js

demo and code Get Hosting

12. three dots to close button

See the Pen <a href='https://codepen.io/peksipatongeis/pen/MaoQYg/'>three dots to close button</a> by Pekka Wallenius (<a href='https://codepen.io/peksipatongeis'>@peksipatongeis</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Pekka Wallenius

Made with

Html / CSS(SCSS) / JS

demo and code Get Hosting

1. Close Animation

Author

Made with

2. Close button

Author

Made with

3. A simple but interactive close button

Author

Made with

4. Back To Close by Ste

Author

Made with

5. Open / Close

Author

Made with

6. Open / Close button animation

Author

Made with

7. animated close icon

Author

Made with

8. Close button

Author

Made with

9. Close button

Author

Made with

10. Pure CSS close icon

Author

Made with

11. Hamburger Menu Transition to Close Button

Author

Made with

12. three dots to close button

Author

Made with

You may also like