Pens from RazorX https://codepen.io/RazorXio/ en nospam@codepen.io Copyright 2024 2023-07-17T13:43:18-07:00 React Dropdown Slide https://codepen.io/RazorXio/pen/YvgVyy https://codepen.io/RazorXio/pen/YvgVyy RazorX

See the Code - See it Full Page - See Details

]]>
React Dropdown Slide 2018-07-02T20:44:30-07:00
Responsive Centered Navigation Menu https://codepen.io/RazorXio/pen/xrwMXJ https://codepen.io/RazorXio/pen/xrwMXJ RazorX

See the Code - See it Full Page - See Details

Responsive Centered Navigation Menu. Resize the browser window to see the menu respond.

]]>
Responsive Centered Navigation Menu 2017-07-20T15:29:38-07:00
Fullscreen Background Image - Aspect Ratio via jQuery https://codepen.io/RazorXio/pen/RGNGEr https://codepen.io/RazorXio/pen/RGNGEr RazorX

See the Code - See it Full Page - See Details

An easy to use fullscreen image re-sizer that will maintain the image aspect ratio via jQuery. - Simple enough to work with any old or new version of JQuery 1.0, 2.0, 3.0 - Image stays perfectly centered. - Doesn't crop-off at the top! - Fluid resizing with no jitter. - The aspect ratio is consistently maintained. - Does not use "background-size: cover", which has limited browser support. - Flexibly feed in height and width data values to accomodate any image size. - Works in any browser except ancient IE 6.

]]>
Fullscreen Background Image - Aspect Ratio via jQuery 2023-07-17T13:43:18-07:00
Samsung Gear 360 Button Style https://codepen.io/RazorXio/pen/pbNmor https://codepen.io/RazorXio/pen/pbNmor RazorX

See the Code - See it Full Page - See Details

Samsung Gear 360 Button Style - Samsung uses Samsung Sharp Sans, a custom font version of Sharp Sans No. 1. The closest Google open font is Poppins-Light.

]]>
Samsung Gear 360 Button Style 2018-07-02T18:42:59-07:00
CSS Radial Gradient Background https://codepen.io/RazorXio/pen/QEKZRJ https://codepen.io/RazorXio/pen/QEKZRJ RazorX

See the Code - See it Full Page - See Details

CSS Radial Gradient Background.

]]>
CSS Radial Gradient Background 2017-06-08T14:52:17-07:00
CSS Button On Hover Slide Effect https://codepen.io/RazorXio/pen/gMaoOW https://codepen.io/RazorXio/pen/gMaoOW RazorX

See the Code - See it Full Page - See Details

CSS Button On Hover Slide Effect.

]]>
CSS Button On Hover Slide Effect 2017-06-08T14:51:57-07:00
Toggle Table Row Highlight https://codepen.io/RazorXio/pen/eZxaNd https://codepen.io/RazorXio/pen/eZxaNd RazorX

See the Code - See it Full Page - See Details

Toggle table row highlight on and off.

]]>
Toggle Table Row Highlight 2016-06-21T11:20:24-07:00