Nav menggunakan CSS (Pure CSS)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse libero dolor, sodales et mattis eu, consequat non lacus. Nullam et lacus sagittis, varius odio eu, ullamcorper libero. Quisque ornare tellus congue, bibendum augue eu, tempus nibh. Nulla eu vestibulum neque. Phasellus tellus erat, mattis ut nulla a, ullamcorper semper ex. Etiam dignissim in massa nec pulvinar. Ut imperdiet volutpat nibh, vitae dictum ligula porttitor ac. Aenean mollis nulla vitae blandit tincidunt. Nunc elit dui, mollis non justo sed, scelerisque tempus felis. Maecenas dolor leo, tristique ut tempor in, sodales non ex. Nulla fringilla enim eu mauris dapibus, a faucibus ipsum dapibus. Ut interdum magna tortor, eget finibus elit placerat et. Aliquam eu elementum augue. Nunc tincidunt, nisl fringilla porttitor semper, sapien lacus viverra enim, quis fermentum massa justo quis augue. Sed dapibus, metus vel egestas suscipit, mi libero tincidunt enim, ac volutpat erat purus at nisl. Nam tempor, lorem eget imperdiet gravida, turpis odio tristique turpis, ac posuere dolor leo a dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse libero dolor, sodales et mattis eu, consequat non lacus. Nullam et lacus sagittis, varius odio eu, ullamcorper libero. Quisque ornare tellus congue, bibendum augue eu, tempus nibh. Nulla eu vestibulum neque. Phasellus tellus erat, mattis ut nulla a, ullamcorper semper ex. Etiam dignissim in massa nec pulvinar. Ut imperdiet volutpat nibh, vitae dictum ligula porttitor ac. Aenean mollis nulla vitae blandit tincidunt. Nunc elit dui, mollis non justo sed, scelerisque tempus felis. Maecenas dolor leo, tristique ut tempor in, sodales non ex. Nulla fringilla enim eu mauris dapibus, a faucibus ipsum dapibus. Ut interdum magna tortor, eget finibus elit placerat et. Aliquam eu elementum augue. Nunc tincidunt, nisl fringilla porttitor semper, sapien lacus viverra enim, quis fermentum massa justo quis augue. Sed dapibus, metus vel egestas suscipit, mi libero tincidunt enim, ac volutpat erat purus at nisl. Nam tempor, lorem eget imperdiet gravida, turpis odio tristique turpis, ac posuere dolor leo a dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse libero dolor, sodales et mattis eu, consequat non lacus. Nullam et lacus sagittis, varius odio eu, ullamcorper libero. Quisque ornare tellus congue, bibendum augue eu, tempus nibh. Nulla eu vestibulum neque. Phasellus tellus erat, mattis ut nulla a, ullamcorper semper ex. Etiam dignissim in massa nec pulvinar. Ut imperdiet volutpat nibh, vitae dictum ligula porttitor ac. Aenean mollis nulla vitae blandit tincidunt. Nunc elit dui, mollis non justo sed, scelerisque tempus felis. Maecenas dolor leo, tristique ut tempor in, sodales non ex. Nulla fringilla enim eu mauris dapibus, a faucibus ipsum dapibus. Ut interdum magna tortor, eget finibus elit placerat et. Aliquam eu elementum augue. Nunc tincidunt, nisl fringilla porttitor semper, sapien lacus viverra enim, quis fermentum massa justo quis augue. Sed dapibus, metus vel egestas suscipit, mi libero tincidunt enim, ac volutpat erat purus at nisl. Nam tempor, lorem eget imperdiet gravida, turpis odio tristique turpis, ac posuere dolor leo a dolor.

resource : https://codepen.io/mutedblues/pen/MmPNPG

Komentar