Create interesting blob shapes with CSS
74,865
Published 2022-06-07
🔗 Links
✅ The CodePen: codepen.io/kevinpowell/pen/PoQEPvG
✅ Fancy Border Radius Generator: 9elements.github.io/fancy-border-radius/
⌚ Timestamps
00:00 - Introduction
00:43 - Understand how it works
03:16 - The easy way
03:48 - Having fun with this
#css #DubbedWithAloud
--
Come hang out with other dev's in my Discord Community
💬 discord.gg/nTYCvrK
Keep up to date with everything I'm up to
✉ www.kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
📺 www.twitch.tv/kevinpowellcss
---
Help support my channel
👨🎓 Get a course: www.kevinpowell.co/courses
👕 Buy a shirt: teespring.com/stores/making-t...
💖 Support me on Patreon: www.patreon.com/kevinpowell
---
My editor: VS Code - code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Twitter: twitter.com/KevinJPowell
Codepen: codepen.io/kevinpowell/
Github: github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
--
This video has been dubbed into Spanish (United States) using an artificial voice via aloud.area120.google.com/ to increase accessibility. You can change the audio track language in the Setting
All Comments (21)
-
If the video is in Spanish for you, and you'd rather it in English, you can go to the settings cog and then from there change the audio track. Also, if you'd like to watch in Spanish, but it's in English, you can also switch it to Spanish in the same way :).
-
Some of Kevin Powell videos are simply mind-boggling. Not because the showcase item is "too cool", but because of how easy it is to make these "too cool" items when you think the right way. And over time, I have learnt to think in the cool ways, at least more than I used to.
-
Wow that’s really cool and the way you have explained. I am so grateful for your effort, please make more similar videos with short time frame.
-
I have been searching for this simple animation for hours, and this is GOLD!
-
I just once got stuck in this kind of shapes-making process, but after reading about border-radius, I nailed it
-
Didn’t know such things about border radius. Blob is the most difficult thing I have ever faced in CSS. Tried different tools for blob. But this tool seems to be easy. Thanks for the tut.
-
Loving these short and sweet videos
-
It's always an adventure to explore something new with you..Kevin Sir Thank you so much for such amazing tips and tricks
-
Muchas gracias Kevin por tu increíble contenido y volver a incorporar la pista de audio en español.
-
I stumbled across this idea after following a link from this channel to the Open Props website! The section labeled "This site is built with Open Props" has a green blob for a background which was one of the things I looked at when I inspected the page (I figured there would be a lot of wizardry to find when looking in the dev tools for a page like that).
-
Cool. I always learn something new on this channel. Thanks Kevin!
-
Great content as always! Your content is one of the main reasons I started my (still small) Tech Youtube channel myself. Keep up the good work!
-
Always Learning! Love this video. Thanks KP
-
Its like you were following me on Scrimba. I was thinking of how to do this today and boom it pops up here. Good man
-
Always have wondered how to do this! This is awesome that its so easy. also the plural of radius is radii :)
-
Magnifique ! Merci beaucoup Kevin. You make me fall in love with css
-
AWESOME! Thank you a lot for this knoledge!
-
This is amazing! No need for complicated js libraries!
-
Love your work! Thank you!
-
I love the Idea of spanish videos, The robot voice is a little akward when we are used to your voice, but is something pretty awsome to see in an english youtuber.