This is exactly what I want to be able to do THANK YOU! However, being completely new to Wordpress I am building pages via Elementor - can I use this code somewhere to be able to do this on the images on the page? 🤔🤨🙄
7:06 - At this moment I didn’t quite understand what this phrase ".card: hover > front" means - is this the Flip effect? 2:57 - Here is also an incomprehensible moment - as we immediately registered the property "position: absolute;" where we have a parent element with the property "position: relative;" ? For which we are positioning the block with the class "middle"?
can anyone tell me why when I turn off the .middle{position:absolute}property the image file stops respecting the set width and height of 100% of the div parent and is now referencing the body
Thanks a lot! It's super useful. I got one problem after I rotated my picture, I had to rearrange it position and it fucked up everything. Can you please help me with it?
Hey it's a great tutorial, I just got one doubt. What if I have to use multiple cards in a row? I can't provide the class name card middle to all the cards because then they would all coincide with each other. Can anyone please help me with inserting multiple cards on the page?
@@DarkCodeOnline I did not know that you can create class with space in name and to reference use only second part :) still thank you for your movies are really helpful see ya :)
I spent 4 hours making this in Javascript, arigato for showing me the right way Sensei
Can you make a video on how to combine css and html in detail for making a full website?
Good job, but better with sound off
Good morning and good week I finished your video, thank you
greetings I liked it
HTML, CSS & JS one love ❤
Your channel is very good🇧🇷🇧🇷🇧🇷
great video ❤
Alhamdulillah. That was very helpful for me, Thank you.
Alfuckoff
Good job! I find your tutorials very useful!
Merci pour tout les information
the best one so far, thanks
amazing I am learning a lot with your codes.... Thanks
I did too
You deserve 100k+ subs, your videos really useful!
Bro
For that 100k people should know atleast basics of css
This is exactly what I want to be able to do THANK YOU! However, being completely new to Wordpress I am building pages via Elementor - can I use this code somewhere to be able to do this on the images on the page?
🤔🤨🙄
can i use this for my youtube channel
Really outstanding ❣
Is it possible to implement this effect on a website created in wordpress?
Teu canal é uma maravilha!!
Hey DarkCode! What did you use to create your intro and outro?
nice vid.
Hi, can you post link of fontawesome, this link which you linked in HTML ?
try to use this one
@@DarkCodeOnline thanks
Why after the page is updated, the class .back is transformed from 0 to 180 deg if I haven"t yet cursor over the picture?
Thank you for sharing this video, it surely helped me solve problems concerning that effect...
Nice video bro
Thanks
If i want to do flip three and four image then what i do plz answer
Can I put button instead of icon?
Woo easy
Good Job man keep it well
Great animation.
good ....
which software are you using for coding???
Perfect 👌 card))
very cool effect, but when I refresh the page the animation starts itself without me hovering the card. How can I prevent that?
Same problem here ! anyone found a solution to that problem ? I have been trying to solve this for days...
7:06 - At this moment I didn’t quite understand what this phrase ".card: hover > front" means - is this the Flip effect?
2:57 - Here is also an incomprehensible moment - as we immediately registered the property "position: absolute;" where we have a parent element with the property "position: relative;" ? For which we are positioning the block with the class "middle"?
you can save this channel fo css things: th-cam.com/video/PoaQaR3DXTk/w-d-xo.html
Esta muy bueno...!
Will this work on css grid? The grid container can be rotated with their content?
can i add additional cards on the same page? because when i try the two cards overlap each other
@Kurt Harvey I am having the same issue. Did you find a solution?
your video are very helpful
thank you
Pro tip - don't use songs like this.. use a calm music and don't turn the volume all the way up
very good tutorial for new creation.
I like this channel very much.
thanks bro for all your vids they are amazing
thanks a lot good job
Good, thanks
can anyone tell me why when I turn off the
.middle{position:absolute}property
the image file stops respecting the set width and height of 100% of the div parent and is now referencing the body
Fantastic
work on mobile ?
Si lay hafdek a khouya ❤️
thanks bruv :D
Great guy be blessed
what track is playing at the beginning?
Awesome
thank u,ure awessome dude
that's awesome
просто лучший! бро, где ты этому научился? может книги посоветуешь?
Simple idea nicely done - thank you!
Dude thank you for sharing your Skills with us! Very useful. 👍🏻
Top demais !!!
❤
Fast and interesting tutorial
i love u men u r the best
Awesome work bro😍
Will donate you for sure bro
Great vid
Watching good
how do we do this with js?
Thanks a lot! It's super useful.
I got one problem after I rotated my picture, I had to rearrange it position and it fucked up everything.
Can you please help me with it?
Fantastic thank you so much
cool
You got really cool videos, thanks to youtube that I found you. In fact, thanks to God.
I really like it so much , thank you for all your video ❤❤
Is it a '*' in the first line of style.css or is it a star shape ??
Its a star which denotes for all content
@@shivayagoel thank you
Can you tell me that if its a ' * ' or ' ★ '
*
@@shivayagoel thank you 💓
thx men! great tut like always
I liked it this is awesome!
Got a Pen of this somewhere?
I have tried it, but when using the atom the result is the same but when run on chrome it is not the same and the logo does not exist, please help,
read about vendor prefixes
Thanks for tutorial. It will be better if you upload the source code into github, and make a link in the description.
Great! Best regards
My best chennal is DARKCODE
thank you
Good Job!
Thanks Sir
Hey can we collaborate?
What is the song on your intro
Dark paradise
Awesome bro!
You're amazing.
Great, man! Like...
Github??
Hey it's a great tutorial, I just got one doubt. What if I have to use multiple cards in a row? I can't provide the class name card middle to all the cards because then they would all coincide with each other. Can anyone please help me with inserting multiple cards on the page?
Did you find a way of doing this?
can you make an admin panel complete in php......plz do this if you can !......
Is it possible to code it on a notepad??
yes
@@DarkCodeOnline Thank you! By the way i love your videos💓
thank you
How do i bring "index.html preview"...?
install html-preview package
@@DarkCodeOnline thanks
Hello can you share your code??
👍👏
What program is this
Atom
What is atom
Amazing work sir.I tried this but the content in back is reversed😔.Some one help me please!
Очень круто! Very cool!
How name edito
My image is not rotating please solve🙏🏻
Thank u for this awesome
visit this for new design:
th-cam.com/video/l1dVTClm9uc/w-d-xo.html
I cannot understand classes you use. There is no middle or card class in html and still it is working.
Bro the classes name in html its random we use it for select the element in css or js for example
@@DarkCodeOnline I did not know that you can create class with space in name and to reference use only second part :) still thank you for your movies are really helpful see ya :)
@@element4225 With using space you can combine several classes, in this case .card and .middle. This gives you a better flexibilty in design.
@@element4225 I also did't understand,why he use first and second part of class separately.
We can give more than just one class to an element :)
If
Margin:0;
Padding:0;
What is the need of taking them..