---
title: "Discussion on \"Created an animated menu ( n°3 )\" | Hashnode"
description: "Discussion on \"Created an animated menu ( n°3 )\". Created a menu that slides in from the side and has an opaque mask\n\n\nTo do this I used:\n\nThe React Springs libraryconst maskTransitions = useTransition(showMenu, {\n      from: { opacity: 0 },\n      enter: { opacity: 1 },\n      leave: { opacity: 0 },\n..."
url: "https://hashnode.com/posts/created-an-animated-menu-n3/612f7dd2bb796223ef279d88"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Created an animated menu ( n°3 )](https://oliveringle.hashnode.dev/created-an-animated-menu-n3?utm_source=hashnode&utm_medium=feed)

Created a menu that slides in from the side and has an opaque mask To do this I used: The React Springs libraryconst maskTransitions = useTransition(showMenu, { from: { opacity: 0 }, enter: { opacity: 1 }, leave: { opacity: 0 }, ...

Sep 1, 2021 · 1 min read · oliveringle.hashnode.dev  
Updated Nov 2, 2021  
Read the article

-   [#javascript](https://hashnode.com/tag/javascript)
-   [#tailwind-css](https://hashnode.com/tag/tailwind-css)
-   [#animation](https://hashnode.com/tag/animation)

## Written by

[Oliver Ingle](https://hashnode.com/@OliverIngle)

@OliverIngle

  
[View profile](https://hashnode.com/@OliverIngle)

Programmer, web developer, MERN stack

Hey, I'm Olly! I'm a programmer and web developer from France. I love JavaScript, Nodejs and i specialize in the MERN stack.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.