Ui 404 Page

17.04.2018

404 error - ghost page! Animated pure CSS ghost with search bar & buttons to go back home.

Made with: HTML,CSS (SCSS)

View Code

Ui 404 Page

Card With Rounded Corners

17.04.2018

Simple approach to inverted rounded corners in CSS.

Made with: HTML,CSS (SCSS)

View Code

Card With Rounded Corners

Css Grid Poster

17.04.2018

Made with: HTML,CSS (Sass)

View Code

Css Grid Poster

Pure Css Skateboard Checkbox

17.04.2018

Built with pure css and a bit of patience.

Made with: HTML/Haml

View Code

Pure Css Skateboard Checkbox

Starfish Css Shape-Outside

17.04.2018

Made with: HTML,CSS (SCSS)

View Code

Starfish Css Shape-Outside

Bootstrap Menu Underline Effect

16.04.2018

Made with: HTML,CSS,JS

View Code

Bootstrap Menu Underline Effect

Setting Tabs

16.04.2018

Hulu settings redesign. Toggle between the tabs on the left hand bar.

Made with: HTML,CSS (SCSS),JS

View Code

Setting Tabs

"Click Me" Button

16.04.2018

"Click Me" button with pure CSS hover/click effect.

Made with: HTML,CSS (Sass)

View Code

"Click Me" Button

Bootstrap Lightbox Image Gallery

16.04.2018

Modal image gallery - lightbox built in Bootstrap.

Made with: HTML,CSS,JS

View Code

Bootstrap Lightbox Image Gallery

Css Loader

15.04.2018

Material inspired loader.

Made with: HTML

View Code

Css Loader

Tumblr Photogrid Photoset

14.04.2018

Tumblr photogrid/photoset with flex-box in place of JavaScript.

Made with: HTML

View Code

Tumblr Photogrid Photoset

Image Hover Animation

13.04.2018

Hover animation could be used for links to categories or post types. Also deals with skewing container while keeping background image straight.

Made with: HTML (Pug),CSS (Stylus)

View Code

Image Hover Animation

Css-Tricks-Netlify-Banner

13.04.2018

Made with: HTML,CSS

View Code

Css-Tricks-Netlify-Banner

Multidirectional Email Carousel

13.04.2018

Carousel type build that scrolls over large background image using directional arrows. Unsupported environments will display a fallback static image.

Made with: HTML,CSS

View Code

Multidirectional Email Carousel

Pure Css Ripple Animation

13.04.2018

Made with: HTML,CSS (Less)

View Code

Pure Css Ripple Animation

User Profile

10.04.2018

User profile design with hamburger drop down menu animation.

Made with: HTML,CSS (SCSS),JS

View Code

User Profile

Css Only Border Animation

10.04.2018

CSS-only border animation on hover. It needs a solid background in order to work.

Made with: HTML (Pug),CSS (SCSS)

View Code

Css Only Border Animation

Outrageously Useless Buttons, Maybe?

10.04.2018

Button animations you probably shouldn't use.

Made with: HTML (Pug),CSS (Sass)

View Code

Outrageously Useless Buttons, Maybe?

Css Only Border Animation

10.04.2018

CSS-only border animation on hover. It needs a solid background in order to work.

Made with: HTML (Pug),CSS (SCSS)

View Code

Css Only Border Animation

Subscribe Form Ui

9.04.2018

Made with: HTML,CSS (Less)

View Code

Subscribe Form Ui