How To Make 3D Flip Effect In HTML and CSS | Create Flip Card In HTML CSS Step by Step
ฝัง
- เผยแพร่เมื่อ 28 พ.ย. 2024
- Learn How To Make 3D Flip Effect In HTML and CSS | Create Flip Card In HTML CSS Step by Step tutorials
❤️ SUBSCRIBE: goo.gl/tTFmPb
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialsp...
In this video you will learn to create a 3D flip card using HTML and CSS. We will create a team members section with 3 team members profile. By default in each columns only user image and name will be visible, one we will take cursor on any image, it will flip (rotate by 180 degree) then we can see the users other information like designation and social media icons.
We will create this entire design using HTML and CSS step by step, so keep watching this video till the end.
-------------------------------------
◼️ Like this video
◼️ Subscribe channel
◼️ Share video link on social media
-------------------------------------
Recommended Videos:
Make contact page using HTML and CSS
► • How To Make A Contact ...
Make full website using HTML and CSS
► • How To Make Complete W...
Make login and registration form using HTML and CSs
► • How To Make Login & Re...
Create travel site using HTML, CSS and bootstrap
► • How To Make A Website ...
Make eCommerce website using HTML, CSS & Bootstrap
► • How To Make ECommerce ...
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Like - Follow & Subscribe us:
◼️ TH-cam: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
I just found your channel earlier today and I would like to thank you for all these great tutorials. I just followed this one step by step and will be watching more in days to come. you made this very easy!
love u man you are adding value to developer community. God Bless You!
Hello sir can you pls make a video on how to make a Taxi booking App like Uber and Ola.
I would will be waiting to hear from you soon.
hey man great tut no doubt just ek issue hora hai like i made the same just used circles instead of squares and when they are rotating they are flipping but towards the right side i mean the whole image moves a little right so i hope u can help me out there
very good thanks!
creative!!!
Which Application Your using For this
thanks man, am subscribed to your channel and its according to the name really easy, you make things easy
Brother great job go ahead
Thanks
Very beautiful, you are creative❤
nice tutorial
Glad you liked it!
Awesome 👍 bro 💪
Awesome video
Thanks very helpful video
Nice sir...🤩
Nice one broo
As always it is an amazing tutorial!
Keep going!
Hey do you know how to create and edit a music list that shows a list of songs or beats for a beat selling store
awesome
I always wondering why and how may I be your student !?
Hello Sir my Images are not showing in my web page. what should I do
what is the shortcut to write class with div like u are writing by giving .row
@@afrokitmedia or else hit enter
It works for me!
.card-front{
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url(Bi.jpg);
This is the code for the image. I have put same as you have put. Than also the image is not showing.
Same as this - tutorial worked fine until I went to add the image. Did you find a way around this?
Put the image in the same folder where your code belongs
@@samsunil2704 yeah!!
@@samsunil2704 was about to say the same!
put quotation marks around bi.jpg. if still not working make sure that the image is in the same folder as the file
create an company employee attendance form where the employee can sign in and sign out after work
Do you work for payment?
Freelance.
👍👍👍👏
can somebody help me? my cards isnt side by side, why is that? it go straight down.
from where do I get such icons of social media
Try Font Awesome icons.
Or just download images from google!
bro transition effect apply hi nhi ho rha hai
How can we make it responsive
how can i get the full code?
please read in the description
Wrong coding am unable to get results
Its size of pixels are differ
Nice tutorial, thanks! I've discovered some new properties like perspective and transform-style. The only what confused me and made me laugh were the images. Sorry, but these people don't look like CEOs and managers. The ladies rather look like porn actresses and that old man is kinda folk musician. I hope you will take my words as a joke. Just try to select images of people according to the content properly. Good luck to you!
Image is not working
Too different from thumbnails
Plz provide source code!!!
Hello how are you
I need your help I have contacted you on my Facebook I hope to receive a response from you