Pens from Mujavid Bukhari https://codepen.io/mujavidb/ en nospam@codepen.io Copyright 2024 2023-02-02T10:51:29-07:00 Netflix Intro Animation Pure CSS https://codepen.io/mujavidb/pen/YzGRVeK https://codepen.io/mujavidb/pen/YzGRVeK Mujavid Bukhari

See the Code - See it Full Page - See Details

]]>
Netflix Intro Animation Pure CSS 2021-01-14T08:49:06-07:00
Android Nougat update animation https://codepen.io/mujavidb/pen/xNVoXb https://codepen.io/mujavidb/pen/xNVoXb Mujavid Bukhari

See the Code - See it Full Page - See Details

The new Android N firmware update animation (or a close approximation of it!) All in CSS and HTML

]]>
Android Nougat update animation 2023-02-02T10:51:29-07:00
☑️ CSS-only Todo List Checkbox Animation https://codepen.io/mujavidb/pen/vwGqZy https://codepen.io/mujavidb/pen/vwGqZy Mujavid Bukhari

See the Code - See it Full Page - See Details

Recreation of https://dribbble.com/shots/3959132-Todo-List-Swipe-To-Check Original built with JS but adapted to be CSS-only since JS wasn't necessary.

]]>
☑️ CSS-only Todo List Checkbox Animation 2019-05-11T01:41:19-07:00
A Pen by Mujavid Bukhari https://codepen.io/mujavidb/pen/OGojQw https://codepen.io/mujavidb/pen/OGojQw Mujavid Bukhari

See the Code - See it Full Page - See Details

]]>
A Pen by Mujavid Bukhari 2019-04-23T10:14:04-07:00
Height transition https://codepen.io/mujavidb/pen/vMzJpe https://codepen.io/mujavidb/pen/vMzJpe Mujavid Bukhari

See the Code - See it Full Page - See Details

]]>
Height transition 2019-04-23T10:12:55-07:00
Bouncing loader https://codepen.io/mujavidb/pen/xeaLpO https://codepen.io/mujavidb/pen/xeaLpO Mujavid Bukhari

See the Code - See it Full Page - See Details

]]>
Bouncing loader 2019-04-23T10:12:44-07:00
Toggle switch https://codepen.io/mujavidb/pen/zXJdpv https://codepen.io/mujavidb/pen/zXJdpv Mujavid Bukhari

See the Code - See it Full Page - See Details

]]>
Toggle switch 2019-04-23T10:12:39-07:00
Mouse cursor gradient tracking https://codepen.io/mujavidb/pen/NmLvwE https://codepen.io/mujavidb/pen/NmLvwE Mujavid Bukhari

See the Code - See it Full Page - See Details

]]>
Mouse cursor gradient tracking 2019-04-23T10:12:22-07:00
SVG Circular Scroll Progress Bar https://codepen.io/mujavidb/pen/NmwGOd https://codepen.io/mujavidb/pen/NmwGOd Mujavid Bukhari

See the Code - See it Full Page - See Details

A nice little scroll progress bar that leverages SVG niceness and requestAnimationFrame smoothness.

]]>
SVG Circular Scroll Progress Bar 2019-04-15T15:37:50-07:00
Hover box shadow https://codepen.io/mujavidb/pen/bQrMGN https://codepen.io/mujavidb/pen/bQrMGN Mujavid Bukhari

See the Code - See it Full Page - See Details

Simple box-shadow effect on hover.

]]>
Hover box shadow 2018-11-17T16:18:59-07:00