Creating a Fake 3D Effect in CSS Using a Single Div Ryan on June 29, 2020 I recently came across an article titled Faking 3D Elements with CSS by Bradley Taunt. It's a very easy-to-understand article on how to create a fa... Read full post Submit Preview Dismiss Collapse Expand Shivang Dubey Shivang Dubey Shivang Dubey Follow Beginner level coder. Eager to learn. Email shivang.dubey1@student.amity.edu Location Noida Education Amity University, Noida Work Student Joined Jun 26, 2020 • Jun 29 '20 Dropdown menu Copy link Hide This is so cool yet so simple! Collapse Expand Ryan Ryan Ryan Follow Just another guy staring at the code on the screen and wondering what it actually does. Location Mumbai Work Web Developer.....I guess! at Self-employed Joined Jun 23, 2020 • Jun 29 '20 Dropdown menu Copy link Hide Yes, it is quite simple. The filter CSS property does most of the magic here. Collapse Expand Comment deleted Collapse Expand Ryan Ryan Ryan Follow Just another guy staring at the code on the screen and wondering what it actually does. Location Mumbai Work Web Developer.....I guess! at Self-employed Joined Jun 23, 2020 • Jun 29 '20 Dropdown menu Copy link Hide Glad you liked it. Thanks 👍 Collapse Expand Craig Johnson Craig Johnson Craig Johnson Follow I love exploring opportunities, creating new things, and connecting with others. Location Jersey City, NJ Education San Diego City College Joined Apr 1, 2018 • Jun 29 '20 Dropdown menu Copy link Hide I love practicing CSS, so that was awesome!. Collapse Expand Ryan Ryan Ryan Follow Just another guy staring at the code on the screen and wondering what it actually does. Location Mumbai Work Web Developer.....I guess! at Self-employed Joined Jun 23, 2020 • Jun 29 '20 Dropdown menu Copy link Hide Yes, CSS is awesome. 👍 Collapse Expand Ben Halpern Ben Halpern Ben Halpern Follow A Canadian software developer who thinks he’s funny. Location NY Education Mount Allison University Pronouns He/him Work Co-founder of DEV Joined Dec 27, 2015 • Jun 29 '20 Dropdown menu Copy link Hide Wow Collapse Expand Ryan Ryan Ryan Follow Just another guy staring at the code on the screen and wondering what it actually does. Location Mumbai Work Web Developer.....I guess! at Self-employed Joined Jun 23, 2020 • Jun 29 '20 Dropdown menu Copy link Hide Hi Ben. That 'Wow' just made my day. Thanks a lot. 👍 Collapse Expand SARAVANAN. K.S SARAVANAN. K.S SARAVANAN. K.S Follow Joined May 22, 2020 • Jun 29 '20 Dropdown menu Copy link Hide Came to know that filter property exists in css :) Collapse Expand Ryan Ryan Ryan Follow Just another guy staring at the code on the screen and wondering what it actually does. Location Mumbai Work Web Developer.....I guess! at Self-employed Joined Jun 23, 2020 • Jun 29 '20 Dropdown menu Copy link Hide Yeah. One can do many cool things with it. Check out the various values that you can use. developer.mozilla.org/en-US/docs/W... Collapse Expand Farhang Qahwe Farhang Qahwe Farhang Qahwe Follow FullStack MERN & Nextjs dev Joined Jun 26, 2020 • Jun 29 '20 Dropdown menu Copy link Hide Thanks for sharing. I love filters. Backdrop-filter's also doing great Collapse Expand Ryan Ryan Ryan Follow Just another guy staring at the code on the screen and wondering what it actually does. Location Mumbai Work Web Developer.....I guess! at Self-employed Joined Jun 23, 2020 • Jun 29 '20 Dropdown menu Copy link Hide Yes, backdrop-filter is a really cool property, especially for elements that contain text on a blurred background. Collapse Expand Massimo Artizzu Massimo Artizzu Massimo Artizzu Follow Senior web developer 🔥 ~ conf speaker 🎙️ ~ loves science 🔭, art 🎨, rugby 🏉 ~ reinventing a better wheel 🎡 Location Italy Education Mathematics Work Consultant at Antreem Joined Jan 12, 2017 • Jun 30 '20 Dropdown menu Copy link Hide Nice effect! Bravo 👏 Collapse Expand Ryan Ryan Ryan Follow Just another guy staring at the code on the screen and wondering what it actually does. Location Mumbai Work Web Developer.....I guess! at Self-employed Joined Jun 23, 2020 • Jun 30 '20 Dropdown menu Copy link Hide Thanks. Glad you liked it :) Collapse Expand adzika adzika adzika Follow Joined Jun 29, 2019 • Jul 3 '20 Dropdown menu Copy link Hide Wow, that's awesome and straightforward. :) Collapse Expand Ryan Ryan Ryan Follow Just another guy staring at the code on the screen and wondering what it actually does. Location Mumbai Work Web Developer.....I guess! at Self-employed Joined Jun 23, 2020 • Jul 3 '20 Dropdown menu Copy link Hide Yes, it's pretty simple. Code of Conduct • Report abuse
This is so cool yet so simple!
Yes, it is quite simple. The filter CSS property does most of the magic here.
Glad you liked it. Thanks 👍
I love practicing CSS, so that was awesome!.
Yes, CSS is awesome. 👍
Wow
Hi Ben. That 'Wow' just made my day. Thanks a lot. 👍
Came to know that filter property exists in css :)
Yeah. One can do many cool things with it. Check out the various values that you can use. developer.mozilla.org/en-US/docs/W...
Thanks for sharing. I love filters. Backdrop-filter's also doing great
Yes, backdrop-filter is a really cool property, especially for elements that contain text on a blurred background.
Nice effect! Bravo 👏
Thanks. Glad you liked it :)
Wow, that's awesome and straightforward. :)
Yes, it's pretty simple.