Pens from Nick Nikolov https://codepen.io/necks/ en nospam@codepen.io Copyright 2024 2023-01-10T16:21:51-07:00 A Pen by Nick Nikolov https://codepen.io/necks/pen/VwBpdqV https://codepen.io/necks/pen/VwBpdqV Nick Nikolov

See the Code - See it Full Page - See Details

]]>
A Pen by Nick Nikolov 2023-01-10T16:21:51-07:00
Grid Testing https://codepen.io/necks/pen/YzeyyQZ https://codepen.io/necks/pen/YzeyyQZ Nick Nikolov

See the Code - See it Full Page - See Details

]]>
Grid Testing 2022-05-05T15:03:36-07:00
Text with dotted line around https://codepen.io/necks/pen/MWvBYwB https://codepen.io/necks/pen/MWvBYwB Nick Nikolov

See the Code - See it Full Page - See Details

]]>
Text with dotted line around 2021-11-10T13:26:32-07:00
Text gradient colour experiment https://codepen.io/necks/pen/BajJQwB https://codepen.io/necks/pen/BajJQwB Nick Nikolov

See the Code - See it Full Page - See Details

]]>
Text gradient colour experiment 2021-11-03T10:20:12-07:00
Flipping diagonal thumbnails https://codepen.io/necks/pen/wVdwre https://codepen.io/necks/pen/wVdwre Nick Nikolov

See the Code - See it Full Page - See Details

]]>
Flipping diagonal thumbnails 2019-07-30T15:58:33-07:00
Background image as a box shadow https://codepen.io/necks/pen/RzzZQV https://codepen.io/necks/pen/RzzZQV Nick Nikolov

See the Code - See it Full Page - See Details

Using :before pseudo class, background inheritance and blur to reuse the image as box shadow achieving ambient like effect .

]]>
Background image as a box shadow 2020-03-05T10:05:19-07:00
100 Days CSS Challenge N° 075 https://codepen.io/necks/pen/wRKorw https://codepen.io/necks/pen/wRKorw Nick Nikolov

See the Code - See it Full Page - See Details

It is not exactly the same animation as in the challenge demo, but the general idea is there with the 3D rotations and the perspective.

]]>
100 Days CSS Challenge N° 075 2018-12-14T17:03:03-07:00
60fps animated SVG waves hero https://codepen.io/necks/pen/Kqbomg https://codepen.io/necks/pen/Kqbomg Nick Nikolov

See the Code - See it Full Page - See Details

A quick example of wave animation. Uses transform to guarantee performance.

]]>
60fps animated SVG waves hero 2019-08-02T15:58:57-07:00
Clock https://codepen.io/necks/pen/EmZMZM https://codepen.io/necks/pen/EmZMZM Nick Nikolov

See the Code - See it Full Page - See Details

]]>
Clock 2017-11-21T18:00:32-07:00
Link hover effects https://codepen.io/necks/pen/EZqRBL https://codepen.io/necks/pen/EZqRBL Nick Nikolov

See the Code - See it Full Page - See Details

]]>
Link hover effects 2017-02-21T17:31:29-07:00