This was a random idea I had to make an image out of CSS back in 2017. I have a different way I would do it now. I would probably have been able to complete this a lot fast, and cleaner if I used a simple ATTR Selector. Lesson Learned I guess lol.
css
Animated Navigation Menu (2019)
The “Navigation-Menu” project, originally created for an old website, is now shared for wider use. Its key features include:
This project serves as a handy resource for developers aiming to incorporate or enhance navigation menus in web applications. For more details, see the GitHub page.
You can also view the project here.
Why wait? Design Like a Pro NOW – Top 5 Design Styles in 2024
Welcome to the ultimate guide to mastering design in the year 2024! Over the past decade, the design world has evolved immensely and we have seen a multitude of new styles emerge that make design more accessible and applicable in various contexts. In this article, we will analyze the 5 most crucial design styles of today, including minimalism, responsive design, material design, flat design, and social impact design. By learning about these trends, you can take your designs to the next level and stay ahead of the curve.
5. Social Impact Design
Social Impact Design is a concept that emphasizes the use of design to solve social issues and improve the world.
It involves designing products and services that have a positive social impact, and considering the broader social and environmental implications of design decisions.
https://www.terramovement.com/what-is-social-impact-design-and-why-it-matters/

4. Responsive Design
Responsive design is an approach to web design that ensures the website looks good and is functional on any device.
It involves using media queries and layouts that adapt to the size of the screen or device the website is viewed on.

3. Material Design
Material design is a trend that emphasizes the use of physical materials, and how light and shadows interact with them.
It uses textures and materials to create an appealing design that is both aesthetic and functional.

2. Flat Design
Flat design is a trend that focuses on 2-dimensional design elements, and avoids using shadows and complex 3-d shapes.

1. Minimalism
Minimalism is a design trend that focuses on simplicity, and removing any unnecessary elements in a design.
It advocates reducing the amount of content and colors, and emphasizing clean lines and geometric shapes.
Minimalism is a popular trend in all areas of design, from graphic design to industrial design.
Conclusion
In conclusion, the design world has seen an explosion of new styles in recent years that have expanded the landscape of design tremendously. From minimalism and responsive design, to material design and flat design, there is a multitude of styles to choose from when creating a design masterpiece. As 2024 dawns on the horizon, it will be important for designers to be open-minded and to stay ahead of the design curve, by learning about these popular design styles and implementing them in their work. Stay creative and stay ahead, design pros.
Thanks for reading.