| author | handle | source | date | likes | retweets | replies |
|---|---|---|---|---|---|---|
Ajay Yadav 🎯 |
@ATechAjay |
February 1, 2022 1:45 PM |
36 |
18 |
10 |
💚 Day 7️⃣7️⃣ / 1️⃣0️⃣0️⃣ Master in CSS Design series!
💥Today we are going to design a music player with neumorphism.
❓What's the main logic behind it with the codepen link?
#100DaysOfCode
[#webdev elopment](https://twitter.com/hashtag/webdevelopment)
#webdev
Let me explain!🧵👇 pic.twitter.com/EJoU0BkFVC
📌 First of all, you have to learn neumorphism design from this thread!
Ajay Yadav 🎯 (@ATechAjay) - November 11, 2021 10:27 AM
💡 Neumorphism design!
✅ You can create a neumorphism design using these two steps!
Let me explain👇
#100DaysOfCode
#webdev
#webdevelopment
#CodeNewbie
#Coding pic.twitter.com/Nlzw2apfdH
📌 Some examples of neumophism design!
💚 Day 3️⃣ / 1️⃣0️⃣0️⃣ days of Master in CSS Design series!
💥 Today we going to design a testimonial box with a carousel using neumorphism design.
❓ What are the main logic for designing and placing the left and right buttons?
#100DaysOfCode
#CodeNewbie #webdevA Thread🧵👇 pic.twitter.com/0I0PZflMNb
💚Day 1️⃣5️⃣ / 1️⃣ 0️⃣0️⃣ days of Master in CSS Design series!
💥Today we going to design a calculator layout(GRID) with neumorphism.
❓What is the main logic behind it?
#100DaysOfCode
[#webdev elopment](https://twitter.com/hashtag/webdevelopment)
#CodeNewbie
#webdevLet me explain👇🧵 pic.twitter.com/6zr1H8iZB2
📌 Now All designs are so simple, but how to design input field type =" range "?
1️⃣ Do not worry if you want to design the thumb of the range input then you can use the
".range::-webkit-slider-thumb" selector.
1️⃣ Now, if you want to design the track of the range input then you can use the
".range::-webkit-slider-runnable-track" selector.
or, select directly input field! pic.twitter.com/SsE27e2hHX
→ codepen link: