Pens from Bandar Raffah https://codepen.io/BandarRaffah/ en nospam@codepen.io Copyright 2024 2022-10-04T06:58:44-07:00 A Pen by Bandar Raffah https://codepen.io/BandarRaffah/pen/oNdyqXK https://codepen.io/BandarRaffah/pen/oNdyqXK Bandar Raffah

See the Code - See it Full Page - See Details

]]>
A Pen by Bandar Raffah 2022-10-04T06:58:44-07:00
testing2 https://codepen.io/BandarRaffah/pen/OJxOGzg https://codepen.io/BandarRaffah/pen/OJxOGzg Bandar Raffah

See the Code - See it Full Page - See Details

]]>
testing2 2021-12-26T16:14:42-07:00
A Pen by Bandar Raffah https://codepen.io/BandarRaffah/pen/MWYqmJE https://codepen.io/BandarRaffah/pen/MWYqmJE Bandar Raffah

See the Code - See it Full Page - See Details

]]>
A Pen by Bandar Raffah 2020-01-16T10:47:52-07:00
Scroll Hijack https://codepen.io/BandarRaffah/pen/LYPQrEe https://codepen.io/BandarRaffah/pen/LYPQrEe Bandar Raffah

See the Code - See it Full Page - See Details

Page transitioning with touch, scroll and key support.

]]>
Scroll Hijack 2019-09-09T00:17:57-07:00
CSS only menu that shows as much per width and auto-shows a burger menu when needed https://codepen.io/BandarRaffah/pen/zVgmWB https://codepen.io/BandarRaffah/pen/zVgmWB Bandar Raffah

See the Code - See it Full Page - See Details

AlHamduLellah, just discovered a cool CSS-only trick that shows a burger menu only when needed as the page shrinks and the buttons gets eaten :)

]]>
CSS only menu that shows as much per width and auto-shows a burger menu when needed 2019-07-16T19:10:53-07:00
Backdrop-effect with Mask idea https://codepen.io/BandarRaffah/pen/gwwPpW https://codepen.io/BandarRaffah/pen/gwwPpW Bandar Raffah

See the Code - See it Full Page - See Details

Works in Safari, maybe also in Chrome if you enable experimental features.

]]>
Backdrop-effect with Mask idea 2016-09-18T22:05:29-07:00
iOS7 style switch with CSS https://codepen.io/BandarRaffah/pen/DjaaPL https://codepen.io/BandarRaffah/pen/DjaaPL Bandar Raffah

See the Code - See it Full Page - See Details

Using translate3D to move the knob

]]>
iOS7 style switch with CSS 2016-09-18T00:54:52-07:00