14 March 2017 / Animations

Reactive Timeframe Concept

Drag the range thumb to see the effect.

Works best on Chrome (desktop and mobile), and Safari on iPad (oddly enough). Works decently in Firefox, but only because I added a fallback. Click the switch to reveal the real HTML5 range input.

codepen

See the Pen Reactive Timeframe Concept by David Khourshid (@davidkpiano) on CodePen.

— Code Tea —

Animations

11 September 2018

Landscape badge CSS animation

Landscape badge CSS animation.

29 August 2018

Cloudy spiral CSS animation

Cloudy spiral CSS animation.

29 August 2018

Pure CSS lightweight signature animation

Pure CSS, lightweight signature animation. No GIF animation, only lighweight (20KB) PNG sequence animated using CSS3.

— Next Post —

15 March 2017

Flipping card UI inspired

Flipping card UI inspired Flipping card UI inspired on @Jung_Hanna Dribbble https://goo.gl/PacWvD dribbble Here is another flat version of my works. I wish you get some inspiration from this!

— Prev Post —

14 March 2017

Simple And Easy CSS Sliding Effect Button

Sliding Button CSS Simple And Easy CSS Sliding Effect Button by Mohammad Abdul Mohaiman. codepen See the Pen Sliding Button CSS by Mohammad Abdul Mohaiman (@mohaiman) on CodePen.