Pens from Benjamin Réthoré https://codepen.io/bnthor/ en nospam@codepen.io Copyright 2024 2020-09-10T09:04:35-07:00 Css pulse animation https://codepen.io/bnthor/pen/qBZoVWG https://codepen.io/bnthor/pen/qBZoVWG Benjamin Réthoré

See the Code - See it Full Page - See Details

]]>
Css pulse animation 2020-09-10T09:04:35-07:00
Rounded checkbox https://codepen.io/bnthor/pen/NWWLOro https://codepen.io/bnthor/pen/NWWLOro Benjamin Réthoré

See the Code - See it Full Page - See Details

]]>
Rounded checkbox 2019-11-13T08:55:49-07:00
hover_test https://codepen.io/bnthor/pen/wvvGWxM https://codepen.io/bnthor/pen/wvvGWxM Benjamin Réthoré

See the Code - See it Full Page - See Details

]]>
hover_test 2019-10-14T15:42:39-07:00
presenting CSShake https://codepen.io/bnthor/pen/jONRoNX https://codepen.io/bnthor/pen/jONRoNX Benjamin Réthoré

See the Code - See it Full Page - See Details

I made a serie of CSS classes to make shake your DOM. Full project page: http://elrumordelaluz.github.io/csshake You could used the pre-made classes or customize and create new ones to make shake the elementa as you want. pre made classes: class="shake" class="shake shake-hard" class="shake shake-slow" class="shake shake-little" class="shake shake-horizontal" class="shake shake-vertical" class="shake shake-rotation" class="shake shake-opacity" class="shake shake-crazy" on everyone you could add: - "freez" class if you want to freez the animation at the moment you leave the element - "shake-constant" to make it constantly shaking - "hover-stop" if you want to freez the constant shake on :hover Here is the CSS*logo shaking as you want: http://cdpn.io/Kzeuv New! easter egg: add ?harlem=shake as params at the end of the pen url like http://codepen.io/elrumordelaluz/pen/pHKcC?harlem=shake Another, add ?shake=terrible http://codepen.io/elrumordelaluz/pen/pHKcC?shake=terrible

]]>
presenting CSShake 2019-09-27T15:38:14-07:00
rotating off-canvas menu https://codepen.io/bnthor/pen/vQaEqy https://codepen.io/bnthor/pen/vQaEqy Benjamin Réthoré

See the Code - See it Full Page - See Details

]]>
rotating off-canvas menu 2018-11-26T16:06:52-07:00
Neon perspective menu https://codepen.io/bnthor/pen/ajvvJJ https://codepen.io/bnthor/pen/ajvvJJ Benjamin Réthoré

See the Code - See it Full Page - See Details

Cyberpunk, vaporwave, neon crap, you name it.

]]>
Neon perspective menu 2018-07-13T10:06:51-07:00
Confetti https://codepen.io/bnthor/pen/xjeBev https://codepen.io/bnthor/pen/xjeBev Benjamin Réthoré

See the Code - See it Full Page - See Details

]]>
Confetti 2018-05-23T14:29:15-07:00
Photo gallery with CSS Grid layout https://codepen.io/bnthor/pen/MGJMVP https://codepen.io/bnthor/pen/MGJMVP Benjamin Réthoré

See the Code - See it Full Page - See Details

Highlights elements using CSS nth-child selectors. Responsive, simple AF

]]>
Photo gallery with CSS Grid layout 2018-04-30T08:51:58-07:00
Hacky Siblings selector (hover cells) https://codepen.io/bnthor/pen/pdQzrE https://codepen.io/bnthor/pen/pdQzrE Benjamin Réthoré

See the Code - See it Full Page - See Details

How to target every row in a table, except the hovered one. Pure CSS, support could be an issue...

]]>
Hacky Siblings selector (hover cells) 2017-11-29T15:22:30-07:00
Vanilla Tic Tac Toe (WIP) https://codepen.io/bnthor/pen/zPxRVG https://codepen.io/bnthor/pen/zPxRVG Benjamin Réthoré

See the Code - See it Full Page - See Details

A simple tic tac toe game written in plain ole JS and css.

]]>
Vanilla Tic Tac Toe (WIP) 2017-10-31T15:50:48-07:00