How to set element center with transform property in CSS

Hey, whassup coding people

hope you all doing little or progress in your professional journey.

Actually, this post is a part of our 20 day CSS animation post.

20 Days of CSS animation post💪

🚩 Atul Prajapati 🇮🇳 ・ Jan 30 '21 ・ 1 min read

#css #html #beginners

And in this post, we will learn about "How to set element centre with transform property".

there are just 4 lines of code which is this

• top: 50%;
• left: 50%;
• transform: translate(-50%, -50%);
• position: fixed;

Not clear, see the whole picture

And if you guys interested in my free website templates please download them here 👉 AtulCodex Marketplace 🏪.

Comments

[Temani Afif]

Or we can use

top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;

And shortly only

inset:0;
margin:auto;

[🚩 Atul Prajapati 🇮🇳]

Yeah sure, hey temani thanks for sharing this code 💐