How To Create Inverted border-radius Card With CSS @KevinPowell | CSS Curve Outside

How To Create Inverted border-radius Card With CSS @KevinPowell | CSS Curve Outside

Online Tutorials

1 год назад

39,274 Просмотров

This Idea Inspired By Kevin Powell's Videos https://www.youtube.com/watch?v=khjVPkO35F0
------------------
Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D

CSS Infinity Course : https://www.udemy.com/course/infinity-creative-css-animation-course/?referralCode=7AC20462B284B24ECCFF

Another Course : Build Complete Real World Responsive Websites from Scratch
https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
Join : https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog/join
------------------

Source Code : https://www.patreon.com/onlinetutorials
Facebook Page : https://www.facebook.com/onlinetutorialsYT
Instagram : https://www.instagram.com/onlinetutorials_youtube
Twitter : https://twitter.com/OnlineTutoria16
Website : http://www.onlinetutorialsweb.com

Buy Me A Coffee : https://www.buymeacoffee.com/onlineTutorials

------------------
#onlinetutorials #csseffect #topcsseffects
------------------
give proper credit if you repost this on other social media platform
------------------
image source : https://www.pexels.com/
------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

Тэги:

#Inverted_border-radius #border_radius #html_css #css_inverted_border-radius #How_To_Create_Inverted_border-radius_Card #css_curve_out_side #outside_border_radius #css_only
Ссылки и html тэги не поддерживаются


Комментарии:

Hikaru Akitsuki
Hikaru Akitsuki - 06.11.2023 17:11

Nevermind. I still doing it on Illustrator.

Ответить
Grigol Dvali
Grigol Dvali - 26.10.2023 12:22

thank you for your work, cann you send me link of google. font. please, thank you !!

Ответить
Moriarty
Moriarty - 29.07.2023 23:34

thanks

Ответить
Farhan Jiwani
Farhan Jiwani - 01.06.2023 13:19

Very clever!
I'll try it out on one of my side projects 😊

Ответить
Prince Makwana
Prince Makwana - 31.05.2023 15:38

Hello bro I need help you can help me ?? Please ans

Ответить
Wandtellermann
Wandtellermann - 30.05.2023 22:43

hey there, with a border radius of 50% by ::after and ::before there are some annoying pixels.
Using a border-radius of 10px makes it better.

Ответить
A R I S
A R I S - 29.05.2023 08:47

what is the purpose for doing position: relative; on all elements ?

Ответить
Deepak Joy Jose
Deepak Joy Jose - 29.05.2023 03:04

This is a fantastic approach to solving this challenge. Great tutorial as always.

Ответить
FATOKI FEMI EMMANUEL
FATOKI FEMI EMMANUEL - 28.05.2023 21:58

Waoow

Ответить
To Mail
To Mail - 28.05.2023 14:29

Excellent job of implementing it this way.

Ответить
DP
DP - 28.05.2023 14:18

Im sure you canndo this with less css and another way.

Ответить
Spidey
Spidey - 28.05.2023 11:24

Is this a sequel to Kevin Powell's creation ? 😂 ... Loved it by the way

Ответить
Inari
Inari - 28.05.2023 09:45

I love this 😭😭😭🥺😭😭❤️❤️❤️, i even love it more that Kevin replied here and both my legends know each other now 😭🥺❤️

Ответить
Shiro
Shiro - 27.05.2023 20:56

bro, explain with some voice and code, music sucks

Ответить
ParaCode Web Dev
ParaCode Web Dev - 27.05.2023 18:57

Your video is mind blowing bro ❤❤❤🎉🎉

Ответить
Iskael
Iskael - 27.05.2023 15:26

love it

Ответить
Lukas | Web Development & Design
Lukas | Web Development & Design - 27.05.2023 11:35

Awesome! Very helpful video and I love your approach here... 😉🔥

Ответить
keto sensei
keto sensei - 27.05.2023 09:58

you're amazing! you make it easier!

Ответить
Mr Dark YT
Mr Dark YT - 27.05.2023 09:27

Make a polyrhythm with dots it's moving infinite when it touches then music is play i watch a video it's awesome

Chanel Name :- Hypeplexed

Pls make a complete video on it ❓

Ответить
Muhammad Adnan Zafar
Muhammad Adnan Zafar - 27.05.2023 07:55

Love to see your design..but make videos also with the help of elementor and copy pasting the codes

Ответить