Collection of hand-picked free HTML and CSS dotted menu icon code examples. Update of December 2018 collection. 2 new items.

Related Articles

  1. CSS Hamburger Menu Icons

Author

  • Aske

Links

Made with

  • HTML / CSS (SCSS)

About the code

Animated Menu Icon

Compatible browsers: Chrome, Firefox, Edge, Opera, Safari

Responsive: no

Dependencies: -

Author

  • istef

Links

Made with

  • HTML (Pug) / CSS (SCSS)

About the code

CSS Menu Icon Animation

Compatible browsers: Chrome, Firefox, Edge, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Dot Menu Dot Menu - GIF Demo

Author

  • @Grienauer

Links

Made with

  • HTML / CSS (SCSS)

About the code

Dot Menu

Three dot CSS only menu animation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Dots Menu Icon Dots Menu Icon - GIF Demo

Author

  • Alex

Links

Made with

  • HTML / CSS (SCSS) / JavaScript

About the code

Dots Menu Icon

Dots menu icon in HTML, CSS and JS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Dotted Menu Pure CSS Dotted Menu Pure CSS - GIF Demo

Author

  • Izzy Skye

Links

Made with

  • HTML / CSS (SCSS)

About the code

Dotted Menu Pure CSS

A quick and easy dotted menu icon done in pure CSS in a single element.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Dotted Menu Concept Dotted Menu Concept - GIF Demo

Author

  • Kyle Brumm

Links

Made with

  • HTML / CSS (SCSS) / JavaScript

About the code

Dotted Menu Concept

Just messing around with creating a new menu icon concept.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Three Dots Menu Animation Three Dots Menu Animation - GIF Demo

Author

  • Sébastien JEAN

Links

Made with

  • HTML / CSS

About the code

Three Dots Menu Animation

Three dots menu animation on hover.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -