CSS 3D Yuriy Markov on November 24, 2019 Thanks to the @rolandcsibrei idea, I've updated this post. As a frontend developer, I'm working a lot with CSS. From time to time, I'm experime... Read full post Collapse Expand Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Follow I believe the code I write can create a better Web Ecosystem 😄😄😄😄😄😄 Location Lagos Work Front-end developer Joined Apr 14, 2019 • Nov 27 '19 Dropdown menu Copy link Hide Hello, for some reasons I can't explain, I can't say the chrome browser is not supporting transform-style but there's no 3d effect and the project is not visible. Collapse Expand Yuriy Markov Yuriy Markov Yuriy Markov Follow programmer, photographer, cook and proud father of four boys :) Email peacefullatom@gmail.com Location Russia Education Self-taught Work Senior front-end developer at EPAM Joined Nov 12, 2019 • Nov 27 '19 Dropdown menu Copy link Hide Can you show me your code? Collapse Expand Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Follow I believe the code I write can create a better Web Ecosystem 😄😄😄😄😄😄 Location Lagos Work Front-end developer Joined Apr 14, 2019 • Nov 27 '19 Dropdown menu Copy link Hide Initially, I read the code, wrote it the way you did. I was thinking of writing in my own way but wanted to try yours out first. Yuriy Markov Yuriy Markov Yuriy Markov Follow programmer, photographer, cook and proud father of four boys :) Email peacefullatom@gmail.com Location Russia Education Self-taught Work Senior front-end developer at EPAM Joined Nov 12, 2019 • Nov 27 '19 Dropdown menu Copy link Hide Alright. Have you tried this demo gist.github.com/peacefullatom/6568... ? Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Follow I believe the code I write can create a better Web Ecosystem 😄😄😄😄😄😄 Location Lagos Work Front-end developer Joined Apr 14, 2019 • Nov 27 '19 Dropdown menu Copy link Hide It worked. thanks. Yuriy Markov Yuriy Markov Yuriy Markov Follow programmer, photographer, cook and proud father of four boys :) Email peacefullatom@gmail.com Location Russia Education Self-taught Work Senior front-end developer at EPAM Joined Nov 12, 2019 • Nov 27 '19 Dropdown menu Copy link Hide You're welcome! 👍 If you have any questions, feel free to ask me. Collapse Expand Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Follow I believe the code I write can create a better Web Ecosystem 😄😄😄😄😄😄 Location Lagos Work Front-end developer Joined Apr 14, 2019 • Nov 26 '19 Dropdown menu Copy link Hide Thanks for sharing. Can I put this on my github repo after trying it out? Collapse Expand Yuriy Markov Yuriy Markov Yuriy Markov Follow programmer, photographer, cook and proud father of four boys :) Email peacefullatom@gmail.com Location Russia Education Self-taught Work Senior front-end developer at EPAM Joined Nov 12, 2019 • Nov 26 '19 • Edited on Nov 26 • Edited Dropdown menu Copy link Hide Yes! 👍 Only mention the source, if possible. Thanks in advance. Collapse Expand Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Follow I believe the code I write can create a better Web Ecosystem 😄😄😄😄😄😄 Location Lagos Work Front-end developer Joined Apr 14, 2019 • Nov 26 '19 Dropdown menu Copy link Hide Ohhh... Coolies!! Yuriy Markov Yuriy Markov Yuriy Markov Follow programmer, photographer, cook and proud father of four boys :) Email peacefullatom@gmail.com Location Russia Education Self-taught Work Senior front-end developer at EPAM Joined Nov 12, 2019 • Nov 26 '19 Dropdown menu Copy link Hide You are welcome! Collapse Expand Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Sam Ayorinde{Blessed is He that Codes} 🇳🇬 Follow I believe the code I write can create a better Web Ecosystem 😄😄😄😄😄😄 Location Lagos Work Front-end developer Joined Apr 14, 2019 • Nov 26 '19 Dropdown menu Copy link Hide Thanks for sharing. I will like to if I can this on my repo on github. Collapse Expand Yuriy Markov Yuriy Markov Yuriy Markov Follow programmer, photographer, cook and proud father of four boys :) Email peacefullatom@gmail.com Location Russia Education Self-taught Work Senior front-end developer at EPAM Joined Nov 12, 2019 • Nov 26 '19 • Edited on Nov 26 • Edited Dropdown menu Copy link Hide You are welcome! 👍 Only mention the source, if possible. Thanks in advance. Collapse Expand Roland Csibrei Roland Csibrei Roland Csibrei Follow 30 years of full stack freelancing Email roland.csibrei@nascortech.com Location Dunajská Streda Work Full stack developer Joined Jun 18, 2019 • Nov 25 '19 Dropdown menu Copy link Hide Hey Yuriy, interesting topic! I am definitely going to try this out. Collapse Expand Yuriy Markov Yuriy Markov Yuriy Markov Follow programmer, photographer, cook and proud father of four boys :) Email peacefullatom@gmail.com Location Russia Education Self-taught Work Senior front-end developer at EPAM Joined Nov 12, 2019 • Nov 25 '19 Dropdown menu Copy link Hide You are welcome! If you have any questions/improvements/anything else - just write to me! Collapse Expand Roland Csibrei Roland Csibrei Roland Csibrei Follow 30 years of full stack freelancing Email roland.csibrei@nascortech.com Location Dunajská Streda Work Full stack developer Joined Jun 18, 2019 • Nov 25 '19 Dropdown menu Copy link Hide I would consider adding perspective, so the further bars will look smaller. Yuriy Markov Yuriy Markov Yuriy Markov Follow programmer, photographer, cook and proud father of four boys :) Email peacefullatom@gmail.com Location Russia Education Self-taught Work Senior front-end developer at EPAM Joined Nov 12, 2019 • Nov 25 '19 Dropdown menu Copy link Hide Thank you! I've forgotten about this feature. I'll add it to the article and to the demo. Collapse Expand morgana morgana morgana Follow Building and securing all the things. Python is my goto. I'm a software eng by trade, background in SRE/Ops roles, and enjoy security. Location Seattle, Washington, USA Education B.S. Information Technology (computer science focus), In Progress: M.S. Computer Science Work Site Reliability Engineer @ Rockset Joined Aug 2, 2018 • Nov 26 '19 Dropdown menu Copy link Hide Thanks for sharing! This derailed me from my other plans and got me tinkering with transforms :) Collapse Expand Yuriy Markov Yuriy Markov Yuriy Markov Follow programmer, photographer, cook and proud father of four boys :) Email peacefullatom@gmail.com Location Russia Education Self-taught Work Senior front-end developer at EPAM Joined Nov 12, 2019 • Nov 26 '19 Dropdown menu Copy link Hide You are welcome! Collapse Expand Mattia Astorino Mattia Astorino Mattia Astorino Follow UX Engineer Location Milan Education Self taught Work UX Engineer Joined Dec 30, 2017 • Nov 25 '19 Dropdown menu Copy link Hide Good! If you use css custom properties you can save a lot of code. Collapse Expand Yuriy Markov Yuriy Markov Yuriy Markov Follow programmer, photographer, cook and proud father of four boys :) Email peacefullatom@gmail.com Location Russia Education Self-taught Work Senior front-end developer at EPAM Joined Nov 12, 2019 • Nov 25 '19 Dropdown menu Copy link Hide Thank you! Collapse Expand Yuriy Markov Yuriy Markov Yuriy Markov Follow programmer, photographer, cook and proud father of four boys :) Email peacefullatom@gmail.com Location Russia Education Self-taught Work Senior front-end developer at EPAM Joined Nov 12, 2019 • Nov 26 '19 Dropdown menu Copy link Hide Thank you @rolandcsibrei ! I've just updated this post. Hope you'll like it! Code of Conduct • Report abuse For further actions, you may consider blocking this person and/or reporting abuse
Hello, for some reasons I can't explain, I can't say the chrome browser is not supporting transform-style but there's no 3d effect and the project is not visible.
Can you show me your code?
Initially, I read the code, wrote it the way you did. I was thinking of writing in my own way but wanted to try yours out first.
Alright. Have you tried this demo gist.github.com/peacefullatom/6568... ?
It worked. thanks.
You're welcome! 👍
If you have any questions, feel free to ask me.
Thanks for sharing. Can I put this on my github repo after trying it out?
Yes! 👍
Only mention the source, if possible. Thanks in advance.
Ohhh...
Coolies!!
You are welcome!
Thanks for sharing. I will like to if I can this on my repo on github.
You are welcome! 👍
Only mention the source, if possible. Thanks in advance.
Hey Yuriy, interesting topic! I am definitely going to try this out.
You are welcome! If you have any questions/improvements/anything else - just write to me!
I would consider adding perspective, so the further bars will look smaller.
Thank you! I've forgotten about this feature. I'll add it to the article and to the demo.
Thanks for sharing! This derailed me from my other plans and got me tinkering with transforms :)
You are welcome!
Good! If you use css custom properties you can save a lot of code.
Thank you!
Thank you @rolandcsibrei ! I've just updated this post. Hope you'll like it!