Pens from Marcel Pirnay https://codepen.io/mars2601/ en nospam@codepen.io Copyright 2024 2024-02-12T16:14:25-07:00 CSS flexbox masonry, 6 columns https://codepen.io/mars2601/pen/rNRQxZo https://codepen.io/mars2601/pen/rNRQxZo Marcel Pirnay

See the Code - See it Full Page - See Details

]]>
CSS flexbox masonry, 6 columns 2024-02-12T16:14:25-07:00
Zig Zag Sass Mixin https://codepen.io/mars2601/pen/BaPrpaL https://codepen.io/mars2601/pen/BaPrpaL Marcel Pirnay

See the Code - See it Full Page - See Details

please don't use this in production

]]>
Zig Zag Sass Mixin 2023-01-24T12:45:18-07:00
Pure CSS Zigzag Border https://codepen.io/mars2601/pen/LYBdbwv https://codepen.io/mars2601/pen/LYBdbwv Marcel Pirnay

See the Code - See it Full Page - See Details

]]>
Pure CSS Zigzag Border 2023-01-24T12:43:26-07:00
artaucentre https://codepen.io/mars2601/pen/XWqwLmP https://codepen.io/mars2601/pen/XWqwLmP Marcel Pirnay

See the Code - See it Full Page - See Details

]]>
artaucentre 2022-10-24T15:15:07-07:00
CSS only particle system https://codepen.io/mars2601/pen/PEOpvq https://codepen.io/mars2601/pen/PEOpvq Marcel Pirnay

See the Code - See it Full Page - See Details

Customizable particle system using a randomized box-shadow property on four different layers

]]>
CSS only particle system 2018-01-06T11:25:13-07:00
Shapes squirt animation | Triangle-Circle-square1 https://codepen.io/mars2601/pen/GyoKBy https://codepen.io/mars2601/pen/GyoKBy Marcel Pirnay

See the Code - See it Full Page - See Details

I haven't practiced Html5 canvas for a long time. So I created a simple animated background to remember me some of my " forgotten resources"

]]>
Shapes squirt animation | Triangle-Circle-square1 2017-12-17T17:44:57-07:00
Hexagon Tiles https://codepen.io/mars2601/pen/BJNymw https://codepen.io/mars2601/pen/BJNymw Marcel Pirnay

See the Code - See it Full Page - See Details

Hexagon tiles in a honeycomb arrangement. HTML & CSS, No javascript.

]]>
Hexagon Tiles 2017-12-14T10:07:24-07:00
Background verde https://codepen.io/mars2601/pen/ONjxBz https://codepen.io/mars2601/pen/ONjxBz Marcel Pirnay

See the Code - See it Full Page - See Details

]]>
Background verde 2016-07-20T06:27:06-07:00
CSS Ellipses - 03.relative https://codepen.io/mars2601/pen/vGmgWP https://codepen.io/mars2601/pen/vGmgWP Marcel Pirnay

See the Code - See it Full Page - See Details

Here, we eliminate "end" and place "realend" in right spot through use of position: relative instead of absolute. Position: relative is perfect here, because it shifts element for the purpose of rendering while keeping it in old place for the purpose of layout. Forked from [Roman Rudenko](http://codepen.io/romanrudenko/)'s Pen [CSS Ellipses - 03.relative](http://codepen.io/romanrudenko/pen/sKnmz/).

]]>
CSS Ellipses - 03.relative 2016-03-23T09:48:25-07:00
Canvas template https://codepen.io/mars2601/pen/EPJWBG https://codepen.io/mars2601/pen/EPJWBG Marcel Pirnay

See the Code - See it Full Page - See Details

]]>
Canvas template 2016-02-17T10:37:01-07:00