Quantcast
Channel: Pens from Jaime
Browsing latest articles
Browse All 37 View Live

Image may be NSFW.
Clik here to view.

Cool bg gradient

See the Code - See it Full Page - See Details Taken from: https://codepen.io/hakimel/pen/bzrZGo

View Article



Image may be NSFW.
Clik here to view.

CSS - Frosted Glass

See the Code - See it Full Page - See Details

View Article

Image may be NSFW.
Clik here to view.

Trying Variable Fonts

See the Code - See it Full Page - See Details

View Article

Image may be NSFW.
Clik here to view.

CSS

See the Code - See it Full Page - See Details

View Article

Image may be NSFW.
Clik here to view.

Horizontal Tree List with Tailwind CSS

See the Code - See it Full Page - See Details

View Article


Image may be NSFW.
Clik here to view.

Multi Gradient Image Mask Scroll Effect

See the Code - See it Full Page - See Details Inspiration taken from @shadeed -> https://ishadeed.com/article/css-masking/

View Article

Image may be NSFW.
Clik here to view.

Timeline with Tailwind CSS

See the Code - See it Full Page - See Details Code lifted from https://connect.tailwindcss.com

View Article

Image may be NSFW.
Clik here to view.

Fancy Card

See the Code - See it Full Page - See Details Inspired by this post -> https://twitter.com/60fpsdesign/status/1714986961427939372

View Article


Image may be NSFW.
Clik here to view.

Input Section w/ CSS previous element selection

See the Code - See it Full Page - See Details With css alone, we can now target a previous element sibling! In this case I am targeting the image which comes before the form element.

View Article


Image may be NSFW.
Clik here to view.

Animated Border Gradient

See the Code - See it Full Page - See Details Inspired by the mega buttons on https://turbo.build/ Doesn't truly support border-radius; would need a separate element for that.

View Article
Browsing latest articles
Browse All 37 View Live




Latest Images

Vimeo 10.7.0 by Vimeo.com, Inc.

Vimeo 10.7.0 by Vimeo.com, Inc.

HANGAD

HANGAD

MAKAKAALAM

MAKAKAALAM

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC

Vimeo 10.6.1 by Vimeo.com, Inc.

Vimeo 10.6.1 by Vimeo.com, Inc.

Vimeo 10.6.0 by Vimeo.com, Inc.

Vimeo 10.6.0 by Vimeo.com, Inc.

Re:

Re:

Re:

Re: