#nanoucodingcy 搜尋結果
Beautiful Conic Gradient 👇🏻 Code: div { background-image: conic-gradient(aqua, deeppink, orange, aqua); width: 400px; height: 400px; border-radius: 50%; } #nanoucodingcy
Pure CSS Drop 💧 #nanoucodingcy .drop { background: linear-gradient(220deg, #affbff 10%, #0093b1 100%); border-radius: 50% 0% 50% 50%; box-shadow: inset 10px -5px 2px 3px rgba(0,0,0,0.1), inset -15px -5px 2px 5px rgba(255,255,255,0.1); transform: rotate(-45deg); }
Easiest Header Line to use in your projects or portfolio! .header { position: relative; height: 10px; background: linear-gradient(141deg, cyan 0%, rebeccapurple 40%, deeppink 90%); } #nanoucodingcy
Day 7: 📱 Mobile-Centered Elements: When working on responsive design, use media queries to adjust your centering techniques for different screen sizes. #nanoucodingcy
Super easy Triangle Background! ✏️ Code: body { margin: auto; } div { width: 100vw; height: 100vh; } .triangle:after { content: ' '; position: absolute; border-top: 100vh solid #63B7B7; border-right: 100vw solid orange; } #nanoucodingcy
Find a Remote job, here 👇 🌐 Upwork 🌍 Freelancer 🎨 Fiverr 💼 Remote .co 🔍 FlexJobs 💻 We Work Remotely 🚀 GitHub Jobs 😇 AngelList 🔎 Indeed #nanoucodingcy
Most Important CSS Properties to help you build a website 👇 #nanoucodingcy 🖌 Background-color 📝 Margin 📝 Padding 🐁 Cursor 🆗️ Font-size 🆗️ Font-family 🖱 :hover 🎨 Color 🔥 Display 🌠 Opacity 📏 Width 📏 Height 🔳 Border ⏺ Border-radius 🚀 Float 🔠 Letter-spacing…
Difference between: width: 100%; and width: auto; .box1 p { background: white; border: 2px solid black; padding: 1em; width: 100%; } .box2 p { background: white; border: 2px solid black; padding: 1em; width: auto; } #nanoucodingcy
HTML/CSS project ideas 🌻 #nanoucodingcy 📰 Image generator website 🧮 Random numbers generator ✏️ Personal Portfolio 🔥 Weather landing page 📞 Contact form ☕️ Dev Resume 🪐 3D Model Solar System 📹 Video Background Site 🎨 Album Layout
CSS 3D Transform using perspective 👇 .red { width: 100px; background-color: red; height: 100px; transform: perspective(400px) rotateY(45deg); } #nanoucodingcy
Find a Remote job, here 👇 🌐 Upwork 🌍 Freelancer 🎨 Fiverr 💼 Remote .co 🔍 FlexJobs 💻 We Work Remotely 🚀 GitHub Jobs 😇 AngelList 🔎 Indeed #nanoucodingcy
Day 9: 🔍 Centering with CSS Transforms: Transforms like "translate" can also be used for centering. Apply "transform: translate(-50%, -50%);" to horizontally and vertically center an element. #nanoucodingcy
Day 6: 🔗 Grid for Centering: Grid layout also offers simple centering. Use "display: grid;" on the parent and "place-items: center;" to center child elements. #nanoucodingcy
Day 8: 🌐 Centering a Block of Text: For text centering, apply "text-align: center;" to the parent element containing the text. #nanoucodingcy
Day 5: 📐 Centering an Element with Absolute Positioning: For precise control, use "position: absolute;" along with "top: 50%;" and "left: 50%;" to center elements within a relative parent. Then, adjust with negative margins. #nanoucodingcy
Day 1: 💡 Centering Horizontally: To horizontally center an element, use "margin: 0 auto;" on the element. It's a quick and easy way to center block-level elements. #nanoucodingcy
Day 3: 🌟 Centering Both Horizontally and Vertically: To center an element both horizontally and vertically, combine the "flex" method for the parent and "margin: auto;" for the child element. #nanoucodingcy
Beautiful Conic Gradient 👇🏻 Code: div { background-image: conic-gradient(aqua, deeppink, orange, aqua); width: 400px; height: 400px; border-radius: 50%; } #nanoucodingcy
Pure CSS Drop 💧 #nanoucodingcy .drop { background: linear-gradient(220deg, #affbff 10%, #0093b1 100%); border-radius: 50% 0% 50% 50%; box-shadow: inset 10px -5px 2px 3px rgba(0,0,0,0.1), inset -15px -5px 2px 5px rgba(255,255,255,0.1); transform: rotate(-45deg); }
Easiest Header Line to use in your projects or portfolio! .header { position: relative; height: 10px; background: linear-gradient(141deg, cyan 0%, rebeccapurple 40%, deeppink 90%); } #nanoucodingcy
Something went wrong.
Something went wrong.
United States Trends
- 1. VMIN 12.8K posts
- 2. Good Saturday 17.2K posts
- 3. Spring Day 37.7K posts
- 4. Chovy 11K posts
- 5. GenG 6,291 posts
- 6. #LoVeMeAgain 24K posts
- 7. Nigeria 455K posts
- 8. VOCAL KING TAEHYUNG 26K posts
- 9. Happy New Month 206K posts
- 10. #SaturdayVibes 2,754 posts
- 11. #Worlds2025 53.3K posts
- 12. Game 7 1,530 posts
- 13. #RUNSEOKJIN_epTOUR_ENCORE 391K posts
- 14. Merry Christmas 11.4K posts
- 15. jungkook 720K posts
- 16. Shirley Temple 1,007 posts
- 17. Tinubu 50.8K posts
- 18. #Jin_TOUR_ENCORE 337K posts
- 19. Ja Morant 6,465 posts
- 20. Wrigley N/A