4 March 2017 / Menu

Sticky Slider Nav v2 (Responsive)

Navigation bar that sticks, hides & reveals as you scroll, animating a slider which indicates the page section you are currently looking at. Written with SCSS, Javascript, and JQuery. It gives you a Twitter mobile app-like UX to improve your users experience.

codepen

See the Pen Sticky Slider Nav v2 (Responsive) by Ettrics (@ettrics) on CodePen.

— Code Tea —

CSS Only Vertical Accordion Menu

CSS only vertical accordion menu.

20 January 2020

Hide header on scroll down, show on scroll up

Fixed headers are fairly common nowadays with big name brands like Facebook, Twitter, Google, LinkedIn, and others using this pattern.

27 August 2018

Four different menu animations for menu button toggle between dots

Four different menu animations for menu button toggle between dots, cross and back icon.

— Next Post — — Prev Post —

04 March 2017

Preloader with Anime.js

Preloader with Anime.js Decided to give Animate.js a go and had a lot of fun with it. Shoutout to @tamashi and his pen for inspiration. codepen See the Pen Preloader with