Search
1000 results for “codepen”
-
Somehow forgot to post this @codepen demo https://codepen.io/thebabydino/pen/dyEVGrx, which fits both most recent #CodePenChallenge weeks.
It's a version of this demo by @bramus https://scroll-driven-animations.style/demos/cover-flow/css/, but relying on CSS 3D (transforms) instead of `z-index` for z-axis order.
#CSS #3d #transform #maths #cssTransition #scroll #scrollEffect #scrollAnimation #code #coding #frontend #cssVariables #web #webDev #dev #webDevelopment
-
Somehow forgot to post this @codepen demo https://codepen.io/thebabydino/pen/dyEVGrx, which fits both most recent #CodePenChallenge weeks.
It's a version of this demo by @bramus https://scroll-driven-animations.style/demos/cover-flow/css/, but relying on CSS 3D (transforms) instead of `z-index` for z-axis order.
#CSS #3d #transform #maths #cssTransition #scroll #scrollEffect #scrollAnimation #code #coding #frontend #cssVariables #web #webDev #dev #webDevelopment
-
Somehow forgot to post this @codepen demo https://codepen.io/thebabydino/pen/dyEVGrx, which fits both most recent #CodePenChallenge weeks.
It's a version of this demo by @bramus https://scroll-driven-animations.style/demos/cover-flow/css/, but relying on CSS 3D (transforms) instead of `z-index` for z-axis order.
#CSS #3d #transform #maths #cssTransition #scroll #scrollEffect #scrollAnimation #code #coding #frontend #cssVariables #web #webDev #dev #webDevelopment
-
If you're a patron on Patreon, then you may have seen the solution over a year ago. Here it is now public for everyone to see on @codepen: https://codepen.io/thebabydino/pen/rNqPGMM
Also an entry for this week's #CodePenChallenge (scroll snapping).
#scroll #scrollAnimation #scrollEffect #diagonal #angled #code #coding #pureCSS #CSS #frontend #CodePen #web #webDev #wbDevelopment #dev #cats #bigCat
-
If you're a patron on Patreon, then you may have seen the solution over a year ago. Here it is now public for everyone to see on @codepen: https://codepen.io/thebabydino/pen/rNqPGMM
Also an entry for this week's #CodePenChallenge (scroll snapping).
#scroll #scrollAnimation #scrollEffect #diagonal #angled #code #coding #pureCSS #CSS #frontend #CodePen #web #webDev #wbDevelopment #dev #cats #bigCat
-
If you're a patron on Patreon, then you may have seen the solution over a year ago. Here it is now public for everyone to see on @codepen: https://codepen.io/thebabydino/pen/rNqPGMM
Also an entry for this week's #CodePenChallenge (scroll snapping).
#scroll #scrollAnimation #scrollEffect #diagonal #angled #code #coding #pureCSS #CSS #frontend #CodePen #web #webDev #wbDevelopment #dev #cats #bigCat
-
💩post on #CodePen: something I *quickly* made this evening (so the code likely sucks huge donkey dicks, don't expect to find anything other than a craptacular mess I got bored of midway, but somehow dragged myself to finish).
Anyway, silly little #SVG + #CSS demo based on something I RTed on twitter a bit earlier https://codepen.io/thebabydino/pen/VwRvjLN
#code #coding #cat #catsAreAssholes #cats #newYear #newyearseve #2024 #2023 #frontend #webDev #webDevelopment #svgFilter #houdini
-
Codependent Lesbian Space Alien Seeks Same (2012)
☆☆☆☆
Une oeuvre de science-fiction lesbienne qui parodie les Séries B (voire Z) des 50’s... Sans façon.
✍️ La suite ici :
https://www.senscritique.com/film/codependent_lesbian_space_alien_seeks_same/critique/313700131#CodependentLesbianSpaceAlienSeeksSame #Alien #SciFi #MadeleineOlnek #Lesbienne #Lesbien #Homosexuel #Film #Cinema
-
Codependent Lesbian Space Alien Seeks Same (2012)
☆☆☆☆
Une oeuvre de science-fiction lesbienne qui parodie les Séries B (voire Z) des 50’s... Sans façon.
✍️ La suite ici :
https://www.senscritique.com/film/codependent_lesbian_space_alien_seeks_same/critique/313700131#CodependentLesbianSpaceAlienSeeksSame #Alien #SciFi #MadeleineOlnek #Lesbienne #Lesbien #Homosexuel #Film #Cinema
-
RT Vineeth.TR
Unsubscribe Template 🐰 animation model in pure CSS
The demo link and explanation are below 👇
https://codepen.io/vineethtrv/pen/GRYjGXb?editors=0100
via @CodePen @HotOnCodePen @css #css_only #codepen #dev https://t.co/fZSpkxZuNq:sys_twitter: https://twitter.com/vineethtrv/status/1648652113520603136
-
One of my most popular #CodePen demos of the past month: cycling gradient text glow https://codepen.io/thebabydino/pen/rNPOpJK
✨ very little #CSS + a simple #SVG filter
✨ no images whatsoever save for a CSS gradient
✨ no text duplication
✨ cycling gradient effect obtained just by animating a CSS variable#coding #frontend #webDev #webDevelopment #svgFilter #cssGradient #gradientText #textGlow #glow #textEffect #gradientGlow #cssVariables #houdini #graphical #effect
-
One of my most popular #CodePen demos of the past month: cycling gradient text glow https://codepen.io/thebabydino/pen/rNPOpJK
✨ very little #CSS + a simple #SVG filter
✨ no images whatsoever save for a CSS gradient
✨ no text duplication
✨ cycling gradient effect obtained just by animating a CSS variable#coding #frontend #webDev #webDevelopment #svgFilter #cssGradient #gradientText #textGlow #glow #textEffect #gradientGlow #cssVariables #houdini #graphical #effect
-
One of my most popular #CodePen demos of the past month: cycling gradient text glow https://codepen.io/thebabydino/pen/rNPOpJK
✨ very little #CSS + a simple #SVG filter
✨ no images whatsoever save for a CSS gradient
✨ no text duplication
✨ cycling gradient effect obtained just by animating a CSS variable#coding #frontend #webDev #webDevelopment #svgFilter #cssGradient #gradientText #textGlow #glow #textEffect #gradientGlow #cssVariables #houdini #graphical #effect
-
RT David Aerne
🎨 Curious about color conversions? Explore how HSL would look in RYB instead of RGB with this @CodePen ! 🔍 Check it out here ➡️ https://codepen.io/meodai/pen/NWELdGW #coding #colors #HSL #RYB @CodePen:sys_twitter: https://twitter.com/meodai/status/1686772342083485696
-
RT David Aerne
🎨 Curious about color conversions? Explore how HSL would look in RYB instead of RGB with this @CodePen ! 🔍 Check it out here ➡️ https://codepen.io/meodai/pen/NWELdGW #coding #colors #HSL #RYB @CodePen:sys_twitter: https://twitter.com/meodai/status/1686772342083485696
-
RT David Aerne
🎨 Curious about color conversions? Explore how HSL would look in RYB instead of RGB with this @CodePen ! 🔍 Check it out here ➡️ https://codepen.io/meodai/pen/NWELdGW #coding #colors #HSL #RYB @CodePen:sys_twitter: https://twitter.com/meodai/status/1686772342083485696
-
RT David Aerne
🎨 Curious about color conversions? Explore how HSL would look in RYB instead of RGB with this @CodePen ! 🔍 Check it out here ➡️ https://codepen.io/meodai/pen/NWELdGW #coding #colors #HSL #RYB @CodePen:sys_twitter: https://twitter.com/meodai/status/1686772342083485696
-
Interop for CSS is lovely.
In 2023, Motion Path went from being kinda supported for a subset of path types to being implemented across shapes and even the polar coordinates piece that got merged into the spec back in 2016.
-
RT Juxtopposed
daily design + code #3
exploring grainy textures and gaussian blur today.
✨ @CodePen: https://codepen.io/Juxtopposed/pen/BaqLEQY?editors=1100
✨ #dribbble: https://dribbble.com/shots/21248617-Daily-Design-Code-3-Grainy-Gradients-Blurry-Background
#codepen #css #dailydesigncode #dailyUI https://t.co/Kq2RigFf6Z:sys_twitter: https://twitter.com/juxtopposed/status/1648817596114825216
-
RT Juxtopposed
daily design + code #3
exploring grainy textures and gaussian blur today.
✨ @CodePen: https://codepen.io/Juxtopposed/pen/BaqLEQY?editors=1100
✨ #dribbble: https://dribbble.com/shots/21248617-Daily-Design-Code-3-Grainy-Gradients-Blurry-Background
#codepen #css #dailydesigncode #dailyUI https://t.co/Kq2RigFf6Z:sys_twitter: https://twitter.com/juxtopposed/status/1648817596114825216
-
RT Juxtopposed
daily design + code #3
exploring grainy textures and gaussian blur today.
✨ @CodePen: https://codepen.io/Juxtopposed/pen/BaqLEQY?editors=1100
✨ #dribbble: https://dribbble.com/shots/21248617-Daily-Design-Code-3-Grainy-Gradients-Blurry-Background
#codepen #css #dailydesigncode #dailyUI https://t.co/Kq2RigFf6Z:sys_twitter: https://twitter.com/juxtopposed/status/1648817596114825216
-
RT Juxtopposed
daily design + code #3
exploring grainy textures and gaussian blur today.
✨ @CodePen: https://codepen.io/Juxtopposed/pen/BaqLEQY?editors=1100
✨ #dribbble: https://dribbble.com/shots/21248617-Daily-Design-Code-3-Grainy-Gradients-Blurry-Background
#codepen #css #dailydesigncode #dailyUI https://t.co/Kq2RigFf6Z:sys_twitter: https://twitter.com/juxtopposed/status/1648817596114825216
-
In deze aflevering van ‘Mensenkennis’ spreekt bestsellerauteur Fleur van Groningen met therapeute, verslavingscounselor en auteur Claudia Krumme. Zij werkt met mensen die worstelen met #codependentie, narcistisch misbruik en relatie- en liefdesverslaving, en spreek met veel wijsheid over het onderwerp. #relatieverslaving #narcisme #therapie #psychologie
https://12ft.io/proxy?q=https%3A%2F%2Fwww.demorgen.be%2Fpodcasts%2Fbewustwording-is-de-eerste-stap-wat-u-moet-weten-over-codependentie%7Eb06fc1ef%2F -
Death metal powered workout: done ✅
Should clean myself & quickly run to Lidl, but first... here's something for you and sort of for the #CodePenChallenge: a soft realistic slider!
Check it out on @CodePen: https://codepen.io/thebabydino/pen/BaRopgJ
#css #slider #rangeInput #coding #frontend #webdev #webDevelopment
-
https://codepen.io/fractalkitty/full/LYmQEZJ
Alright, I am going on a trip and finished my Mathober code early. Each day will show up on schedule, or you can use arrows to change day. Some code is randomized, so press space to randomize. I haven't used my pen plotter for these, yet, but it's planned. Enjoy.
The code is a stream-of-consciousness mess created in the time between times of my days. I have no plans to clean it up
#p5js #generativeart #creativecoding #mathart #math #mathober2022 #processsing #codepen
-
Here is real magic 🪄 is my personal fave https://codepen.io/thebabydino/pen/JjqXjyJ
Both the texture and the 3D individual letter flip are achieved with SVG filters.
There is absolutely no JS, no images save for CSS gradients, no text duplication or splitting - you can see me edit it in DevTools below.
#CodePen #SVG #CSS #filter #code #svgFilter #coding #texture #3D #textEffects #textEffect #frontend #3dText #3dEffect #paperTexture #web #webDev #webDevelopment #dev #noJS
-
Here is real magic 🪄 is my personal fave https://codepen.io/thebabydino/pen/JjqXjyJ
Both the texture and the 3D individual letter flip are achieved with SVG filters.
There is absolutely no JS, no images save for CSS gradients, no text duplication or splitting - you can see me edit it in DevTools below.
#CodePen #SVG #CSS #filter #code #svgFilter #coding #texture #3D #textEffects #textEffect #frontend #3dText #3dEffect #paperTexture #web #webDev #webDevelopment #dev #noJS
-
Here is real magic 🪄 is my personal fave https://codepen.io/thebabydino/pen/JjqXjyJ
Both the texture and the 3D individual letter flip are achieved with SVG filters.
There is absolutely no JS, no images save for CSS gradients, no text duplication or splitting - you can see me edit it in DevTools below.
#CodePen #SVG #CSS #filter #code #svgFilter #coding #texture #3D #textEffects #textEffect #frontend #3dText #3dEffect #paperTexture #web #webDev #webDevelopment #dev #noJS
-
Wanna see some AMAZING stuff made ONLY with CSS? Huge thanks to @mikebabcock for tipping me off to this Kevin Powell video. 🤯
https://www.youtube.com/watch?v=CG__N4SS1Fc
#CSS #WebDev #CSSArt #animation #design #art #CSSOnly #Codepens
