Pens from priyanka https://codepen.io/priyankal/ en nospam@codepen.io Copyright 2024 2018-03-09T06:21:14-07:00 Phone Number Validation Example https://codepen.io/priyankal/pen/dmyjga https://codepen.io/priyankal/pen/dmyjga priyanka

See the Code - See it Full Page - See Details

]]>
Phone Number Validation Example 2018-03-09T06:21:14-07:00
Fixed sticky header when scrolling https://codepen.io/priyankal/pen/EQqRgW https://codepen.io/priyankal/pen/EQqRgW priyanka

See the Code - See it Full Page - See Details

Blog post about this on http://hipsterux.com/fixed-header-after-scroll/

]]>
Fixed sticky header when scrolling 2018-03-07T07:45:19-07:00
Horizontal scroll on cursor position https://codepen.io/priyankal/pen/ddBJoO https://codepen.io/priyankal/pen/ddBJoO priyanka

See the Code - See it Full Page - See Details

Use any width for the container or any number of items inside it. You can easily make it in pure js if want. Nothing fancy here. Any suggestions will be appreciated. I'm a nob with hours to waste. :)

]]>
Horizontal scroll on cursor position 2018-03-06T06:43:10-07:00
Using GSAP Draggable Plugin to move left/right https://codepen.io/priyankal/pen/LQKOxw https://codepen.io/priyankal/pen/LQKOxw priyanka

See the Code - See it Full Page - See Details

Using GSAP Draggable Plugin to move left/right GSAP ScrollToPlugin Docs: http://greensock.com/docs/#/HTML5/Plugins/ScrollToPlugin/

]]>
Using GSAP Draggable Plugin to move left/right 2018-03-06T06:03:15-07:00
Direction-Aware Hover Effect https://codepen.io/priyankal/pen/bLzzrY https://codepen.io/priyankal/pen/bLzzrY priyanka

See the Code - See it Full Page - See Details

Direction-Aware Hover Effect Moving from one thumb to the other will immediately trigger the sliding of the info box. From http://tympanus.net/TipsTricks/DirectionAwareHoverEffect/

]]>
Direction-Aware Hover Effect 2018-03-01T13:20:54-07:00
Tabs switch animations https://codepen.io/priyankal/pen/JpmErm https://codepen.io/priyankal/pen/JpmErm priyanka

See the Code - See it Full Page - See Details

based on https://www.instagram.com/p/BR_2KaSArpy/

]]>
Tabs switch animations 2018-02-26T05:18:16-07:00
Tabs switch animations https://codepen.io/priyankal/pen/QQZdMd https://codepen.io/priyankal/pen/QQZdMd priyanka

See the Code - See it Full Page - See Details

based on https://www.instagram.com/p/BR_2KaSArpy/

]]>
Tabs switch animations 2018-02-26T05:16:08-07:00
Simple radial menu https://codepen.io/priyankal/pen/YejVPj https://codepen.io/priyankal/pen/YejVPj priyanka

See the Code - See it Full Page - See Details

There is a bug with square backgrounds when you hovering buttons. Looks like it's a problem with this fancy hsla gradient background, but i don't wanna change it :)

]]>
Simple radial menu 2018-02-23T07:35:41-07:00
Colourful Flower Popup Menu https://codepen.io/priyankal/pen/ddjWye https://codepen.io/priyankal/pen/ddjWye priyanka

See the Code - See it Full Page - See Details

This mobile inspired flower popup menu is a colourful fun project I'm experimenting with. Feel free to use it however you like.

]]>
Colourful Flower Popup Menu 2018-02-23T07:34:56-07:00
Circular Navigation Concept https://codepen.io/priyankal/pen/paZPoj https://codepen.io/priyankal/pen/paZPoj priyanka

See the Code - See it Full Page - See Details

A new Navigation Concept

]]>
Circular Navigation Concept 2018-02-23T07:34:32-07:00