Pens from Puneet Kalra https://codepen.io/puneetkay/ en nospam@codepen.io Copyright 2024 2017-12-26T09:54:26-07:00 A Pen by Puneet Kalra https://codepen.io/puneetkay/pen/RxKrpL https://codepen.io/puneetkay/pen/RxKrpL Puneet Kalra

See the Code - See it Full Page - See Details

]]>
A Pen by Puneet Kalra 2017-12-26T09:54:26-07:00
3D Text https://codepen.io/puneetkay/pen/ypgNPg https://codepen.io/puneetkay/pen/ypgNPg Puneet Kalra

See the Code - See it Full Page - See Details

]]>
3D Text 2017-12-26T07:12:28-07:00
Typography Experiment https://codepen.io/puneetkay/pen/xpOOJR https://codepen.io/puneetkay/pen/xpOOJR Puneet Kalra

See the Code - See it Full Page - See Details

]]>
Typography Experiment 2017-12-20T13:44:48-07:00
SVG Gradient Filled Text https://codepen.io/puneetkay/pen/NwwQpM https://codepen.io/puneetkay/pen/NwwQpM Puneet Kalra

See the Code - See it Full Page - See Details

Editorialized text is easy with SVG! Text alignment and relative sizing is maintained across screen sizes - responsive out of the box. Gradient fills are simple and better supported than text clipping masks.

]]>
SVG Gradient Filled Text 2017-11-17T21:42:40-07:00
SVG Gradient Filled Text https://codepen.io/puneetkay/pen/NwwZQw https://codepen.io/puneetkay/pen/NwwZQw Puneet Kalra

See the Code - See it Full Page - See Details

Editorialized text is easy with SVG! Text alignment and relative sizing is maintained across screen sizes - responsive out of the box. Gradient fills are simple and better supported than text clipping masks.

]]>
SVG Gradient Filled Text 2017-11-17T22:07:21-07:00
SVG Gradient Filled Text https://codepen.io/puneetkay/pen/YEZraN https://codepen.io/puneetkay/pen/YEZraN Puneet Kalra

See the Code - See it Full Page - See Details

Editorialized text is easy with SVG! Text alignment and relative sizing is maintained across screen sizes - responsive out of the box. Gradient fills are simple and better supported than text clipping masks.

]]>
SVG Gradient Filled Text 2017-11-10T20:37:52-07:00
Playing with CSS gradient https://codepen.io/puneetkay/pen/RjGJWx https://codepen.io/puneetkay/pen/RjGJWx Puneet Kalra

See the Code - See it Full Page - See Details

]]>
Playing with CSS gradient 2017-11-10T13:36:51-07:00
CSS Image Rendering https://codepen.io/puneetkay/pen/gRKbxJ https://codepen.io/puneetkay/pen/gRKbxJ Puneet Kalra

See the Code - See it Full Page - See Details

]]>
CSS Image Rendering 2017-07-04T15:28:54-07:00
Magic Keyboard & Trackpad w/ Flexbox & SCSS https://codepen.io/puneetkay/pen/LLrYoz https://codepen.io/puneetkay/pen/LLrYoz Puneet Kalra

See the Code - See it Full Page - See Details

]]>
Magic Keyboard & Trackpad w/ Flexbox & SCSS 2017-07-04T15:09:53-07:00
Origami Dialog Effect https://codepen.io/puneetkay/pen/mmjBPx https://codepen.io/puneetkay/pen/mmjBPx Puneet Kalra

See the Code - See it Full Page - See Details

The idea is to replace the path of the button container into origami path step by step. Enjoy!

]]>
Origami Dialog Effect 2017-05-16T15:28:52-07:00