Creative CSS Gradient Border Cards | How to Create CSS Gradient Border

Подписаться 937 тыс.

Просмотров 139 тыс.

50% 1

Enroll My Course : Next Level CSS Animation and Hover Effects
www.udemy.com/course/css-hove...
Another Course : Build Complete Real World Responsive Websites from Scratch
www.udemy.com/course/complete...
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
Join : / @onlinetutorialsyt
------------------
Source Code : / onlinetutorials
Facebook Page : / onlinetutorialsyt
Instagram : / onlinetutorials_youtube
Twitter : / onlinetutoria16
Website : www.onlinetutorialsweb.com
Buy Me A Coffee : www.buymeacoffee.com/onlineTu...
------------------
give proper credit if you repost this on other social media platform
------------------
Inspired By These
CSS Skewed Border | Creative Box Border Hover Effects | Html CSS
• CSS Skewed Border | Cr...
CSS Creative Cards Animation and Hover Effects | CSS Snake Border Animation
• CSS Creative Cards Ani...
------------------
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

Опубликовано:

31 янв 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

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

@charlinhos0824 3 года назад

Overall, amazing project, and I have to say the Background music is so well suited .. love It!

@rajasthanculture4015 3 года назад

Awesome tutorial but please add voice so we can get to know why you're adding the specific element. Like the use of span you did is on another level. Please make voice tutorials. Please please please please. Also can you make full css tutorial from start to end. Please reply also.

@we1n1ng 3 года назад

I agree 🙏 It'd help understanding coding so much better too

@alltechwebtamil4488 3 года назад

Nothing please slow the playback speed to o 0.5 Speed that's all👍

@adeusexmachina 3 года назад

I think his educational courses can help you to learn how to develop such elements. And this is a demo of his knowledge. So that is why this is called tutorials or guides, but not educational materials.

@rajasthanculture4015 3 года назад

@@adeusexmachina It's paid right.

@mouravocal 3 года назад

for me it's a fine video format, fast and simple, the things that you have any doubts it's a "google it" thing.

@karinarodriguez2055 3 года назад

Out of this world gorgeous!!

@AnimeThings_ 3 года назад

As always bro you touched the moon

@weno1842 3 года назад

Your videos are so inspiring for my website's design thanks a lot :)

@user-tp9mk2bc3l 3 года назад

きれいですね。とても感銘をうけます。😁 It's fantastic . I am very impressed.😁

@CodingNuggets 3 года назад

Interesting project you have here. Love all your content. Awesome channel and mad respect. See you soon!

@rehanahmad1306 3 года назад

You are simply awesome. Learning alot from your videos

@dadagamer7036 3 года назад

By God aap best css videos dalte ho keep it up sir👍

@PanagiotisTheofilopoulos 3 года назад

Awesome effect! Thank you!

@ComputerScienceSimplified 3 года назад

Great video, keep up the amazing work! :)

@yogesh6308 3 года назад

Today i was working hard to create a 3d rotating eye with animation.but couldn't. pls. Create one. Btw Really liked this ❤️❤️❤️

@gvacja 3 года назад

Thanks bro, another beautiful css.

@scott_the_engineer 3 года назад

Wow, this is fantastic.

@adenhtml3554 2 года назад

you are my best youtuber!😀

@kakaiyajaymin 3 года назад

Just love your work

@AJain-18 3 года назад

Nice card design 👍👍

@Frankslaboratory 3 года назад

Looks great

@serdargoleli1842 3 года назад

Nice design 👍

@fredericforclif7953 3 года назад

-webkit-filter: blur(30px); for firefox

@75hardchallengewithme 3 года назад

You are great man

@wwssr 3 года назад

Thank you sir......it is awesome ...

@vuanhkhoanguyen1997 3 года назад

So magic bro!!!

@alexarmijos4626 2 года назад

Muy hermosas las cards 100/100

@mrt8bit692 3 года назад

oh wow so amazing!

@annykaroliny_ 3 года назад

Cara, que efeito incrível, muito bom ! 👏👏

@wlissisribeiro2932 Год назад

né

@juandiegobedoyagutierrez2594 3 года назад

Great. Thanks a lot

@janschneider12 3 года назад

Thanks a lot man!!

@abhisaragarwal9084 Год назад

Thnx very much it was very useful for me I was able to implement this ❤❤❤❤ thnx very much and I have subscribed your channel for your wonderful ui design

@masaodihasan 2 года назад

awasome

@fenyrmastermk2902 3 года назад

Holy, amazing

@ryan-andri 3 года назад

Awesome 👍

@youtub4444 3 года назад

Very nice design

@dadagamer7036 3 года назад

Vaise aap great ho sir

@cosmeak 3 года назад

what do you use to have your website in live at right ? Great idea et great video, good job man !

@dhanushkrishnan502 2 года назад

Good work

@baperplay1362 3 года назад

Waowhhh great,thank

@midomellouk Год назад

Nice

@c4challengers423 3 года назад

this was cool bro

@amritaacharjee3526 3 года назад

Awesome!

@khatnaa88 3 года назад

Awesome

@krishnaprasad5672 3 года назад

Very nice 👌

@arnabroy4558 3 года назад

Thank you❤️

@benimleokusan387 3 года назад

excellent

@tanvirislam6211 3 года назад

what a project

@ronjuislam6900 3 года назад

Great

@FernandoGarcia-yg5ok 3 года назад

I love it

@user-cc2vh4bc5h 3 года назад

How u made reflection under element?

@benzy_ 3 года назад

Present sir!! Awesome !!

@AnimeThings_ 3 года назад

Why are you absent yesterday?

@benzy_ 3 года назад

@@AnimeThings_ I wasn't...YOU are kidding right 😁😁!! Nice one👍🏻👍🏻

@benzy_ 3 года назад

@@AnimeThings_ wrong sentence 😂😂!! It should be " Why you were absent yesterday " .. 😁😁🙂

@jayparmar7603 3 года назад

Nicey 😁

@sandeepslathia449 3 года назад

nice

@mdrashidhussain7168 3 года назад

Online live class provide karte hain kya aap...??

@buckwheat_flower 3 года назад

What if i used display:inline block on body element and not flex?

@Hagurash 3 года назад

Muito bom

@petrnovakcz8236 3 года назад

cool

@osmanyusupov4593 3 года назад

hi teacher Teacher, html forms with javascript where text should be entered, only the phone where the phone number should be entered, or to ensure that it is not left when you want to leave a space in the first character, in short, how does it work to verify the forms with js on the real site or there are many issues such as confirmation emails. We will be glad if you take videos. we follow you fondly. Greetings from Turkmenistan

@jp0678 3 года назад

Neat

@-thelex1891 3 года назад

Top

@theprincipal4025 3 года назад

good work 👍

@shadmansakib55052 3 года назад

Will you please tell me how to set the three boxes side by side you didn't show that.

@mixcourses6367 3 года назад

WOW

@emani568 3 года назад

how come mine didnt break off into 3 like yours? its all mushed together

@Ankush-fw5xe 3 года назад

how we add reflection and make it to move on opposite direction on hover ?

@thequietkiwi 3 года назад

To make it move the other way, change the "transform" setting.

@pepadosoudil 3 года назад

I love you!

@tommasobrichetti3540 Год назад

what about the reflection at the start of the video? can you teach us sempai?

@GodDoesntPlayDice 3 года назад

in the miniature have a reflection in the floor =(

@so-crypto 2 года назад

Hello ! That is a great! But I don’t understand for what reason you add SPAN above H2 ?

@so-crypto 2 года назад

It doesn’t work well without it . But I can not understand what function it plays. Describe it for me please.

@user-mi8bx2zl1f 3 года назад

Does it work on wordpress?

@AnimeThings_ 3 года назад

Bro if you don't mind you showed that box reflects below on intro screen but after I watched full video but no reflects effect

@OnlineTutorialsYT 3 года назад

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ds8ymUkqvmo.html

@KanthDrRRajni 3 года назад

online tutorials, can you please tell me what screen recording software do you use?

@OnlineTutorialsYT 3 года назад

Camtasia screen recorder

@KanthDrRRajni 3 года назад

@@OnlineTutorialsYT Thanks very much

@KanthDrRRajni 3 года назад

your tutorials are awesome

@SriRahayu-lm9tj 3 года назад

where the reflection ?

@Amesu 3 года назад

Really

@Yash-fz7kw 2 года назад

What's the name of this music please answer

@bkworld6565d 3 года назад

Which music

@ms.ariyawansaj.k.3711 3 года назад

29th 🙂🙂

@chauhanvats3 3 года назад

What is the name of the song?

@minecrafttutswithritik1889 3 года назад

music name

@caiquefernandes7189 3 года назад

os leigo ta como, queeeeeee. Foda

@dadagamer7036 3 года назад

Please positions pe video lao na relative, absolute use kaha kare??

@OnlineTutorialsYT 3 года назад

@ob7349 2 года назад

👏🙏👍

@nescreation 2 года назад

mirror box image is not showing

@dadagamer7036 3 года назад

Aap awaaz dala karo please

@eugeniuszczekanowski3464 3 года назад

Track author?

@hassanbhattiOfi 3 года назад

Sir, plz reply Can i do this same in reactjs?

@OnlineTutorialsYT 3 года назад

yes...and give me proper credit

@Alance1 3 года назад

Please provide code

@dadagamer7036 3 года назад

Mujhe pata hai aap kyu nahi dalte awaaz😎

@filipeeduardo9215 3 года назад

Cool tutorial, but you made it just for this video. In a normal workday, modify this code will be a problem.

@trushankzala6888 3 года назад

Something's missing

@shubhamgadekar1838 3 года назад

Bro please design a whatsApp status website html css and js please

@shubhamgadekar1838 3 года назад

Replay please

@chingtsu3756 3 года назад

Can anyone tell me why I copied this code, but it doesn't work?

@thequietkiwi 3 года назад

Yes. You made mistake.

@harleyspawn 3 года назад

Stop encouraging people to mess with font sizes. That's one of the most annoying things to see. If you wanted a bigger heading than h2, switch it to h1 instead. Don't use h2 and then double it's size with 2em. I can understand using em values between 0 and just under 2, but only if your font of choice is abnormally sized, like a very short or compacted font. I especially can't understand using it with a monospaced font like Consolas, especially after justifying the font. Maybe I'm weird like that? Other than my rant about fonts, that was done cool css card work; a very BootStrap effect.