CSS Card with Hover Animation using Pure CSS | HTML&CSS | Transition Effect | CodeEra

Pubblicato il: 10 maggio 2021
sul canale di: Haveri ka Krishna

1,011

Hello everyone, welcome to the new video of CodeEra
Instagram: www.instagram.com/code_era1999

In the following video, I've tried to create something really different than I've ever imagined before, it was actually a simple one but I was like really got an idea to try something new and different and finished it. The content of this online tutorial is really unique and different from others.
Thank you very much for watching.
Don't ever forget to see my previous videos, the link is given bellow

Time Stamps:
-----------------------------------
00:00 Preview video
00:32 Basic Html
01:07 CSS Styling
01:48 Centering the Card
03:59 Quote and Social Media icons
05:10 Editing the Icons
06:25 CSS Transition Effect
-----------------------------------

Queries:
how to create simple cards using HTML and CSS?
how to create a responsive ui card design using HTML and CSS?
how to create a complete ui card design with just html and css?
how to create an animated card?
how to create a ui card design?
how to make your own profile card?
how to build a personal profile ui card design?
how to get a profile card design?
how to make animated ui card?
how to make a responsive ui card with pure css?
how to create responsive animated card without javascript?
how to create UI animated card design?
how to create responsive UI card design?
how to make UI card design?

Avengers Card with Neumorphism:
   • Avengers Cards with Neumorphism | Html&CSS...

Keyboard with Neumorphism:
   • How to make a Keyboard Using Flexbox and N...

Animated Bookshelf:
   • Animated Book Self Using Flexbox | HTML&CS...

Responsive animated cards:
   • Responsive Animated Cards (Container) Usin...

Simple form design with fieldset:
   • Simple Form Design Using Fieldset property...

Responsive feedback form:
   • Responsive Feedback form for Programmers |...

Responsive Personal portfolio design:
   • Responsive Personal Portfolio | HTML&CSS |...

Responsive landing page design:
   • Responsive Landing Page Design | HTML&CSS ...

Responsive signup and sign in form:
   • Responsive SignUp and LogIn Form | HTML&CS...

Hover animation using Pure css:
   • Hover Animation using Pure CSS | CSS Trans...

Codepen card with pure css:
   • How to create Codepen Card design | HTML&C...

Image credtis:
https://www.flaticon.com/
https://pixabay.com/

#card#transitioneffect#uicard#animatedcard#css#html#purecss#profilecard#personalcard#professionalcard

Music credits:
Track: Lost Sky - Need You [NCS Release]
Music provided by NoCopyrightSounds.
Watch:    • Lost Sky - Need You | Electronic | NCS - C...
Free Download / Stream: http://ncs.io/NeedYou

Track: Besomorph - Afterlife (ft.EMM) [NCS Release]
Music provided by NoCopyrightSounds.
Watch:    • Besomorph x EMM - Afterlife | Electronic |...
Free Download / Stream: http://ncs.io/Afterlife

Track: Syn Cole - Time [NCS Release]
Music provided by NoCopyrightSounds.
Watch:    • Syn Cole - Time | Future House | NCS - Cop...
Free Download / Stream: http://ncs.io/SCTime

transition effect on hover transforming card using flexbox, flexbox transformation, profile card using flexbox, profile card using html and pure css, html and css card, pure css profile card, professional profile card, html css card, html card with transition effect, candidate profile card, personal profile card, entreprenuer card using css and html, simple card design using html and css, responsive card without media query, responsiveness without media queries, pure html css card without javascript, making card without javascript, creating card without javascript, amazing card ui design, amazing ui card design, professional ui card design, transforming ui card design,html css card making tutorial, card making tutorial using html and css.

Disclaimer: The content in the above video is for educational purposes. It is based upon my knowledge that I gained from my learnings and subject of interest. The video is completely edited and posted on the CodeEra channel by me and non of the content is copied or obtained from other sources, Thank you.

In questa pagina del sito puoi guardare il video online CSS Card with Hover Animation using Pure CSS | HTML&CSS | Transition Effect | CodeEra della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Haveri ka Krishna 10 maggio 2021, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 1,011 volte e gli è piaciuto 48 spettatori. Buona visione!

13,092

437