Some small Css tips #010 Stephan Nijman on March 15, 2021 To continue on my previous post here are some more tweets with little Css tips that might help you in your projects. Toggle classes with... Read full post Collapse Expand Obscure. Obscure. Obscure. Follow Frontend Developer, Freelancing and mostly busy with personal and school projects. Location Kathmandu, Nepal Work Freelance Joined Feb 5, 2021 • Mar 15 '21 Dropdown menu Copy link Hide I love the border image. Collapse Expand Stephan Nijman Stephan Nijman Stephan Nijman Follow Hi I'm Stephan Nijman! WordPress, Php, Javascript, React and Css Developer/Enthusiast/Blogger/Youtuber. Location the Netherlands Work Full stack web developer Joined Apr 23, 2019 • Mar 15 '21 Dropdown menu Copy link Hide Yeah, that's a really nice feature. It's a bit wonky to animate though! Collapse Expand Benjamin CARADEUC Benjamin CARADEUC Benjamin CARADEUC Follow Hi, I'm Benjamin Caradeuc, a french Engineer and web developer, in love with javascript and sass. I sometimes build little but usefull stuff ! Location Montpellier, France Work Front-end developer (Consultant) at MolotovTV Joined Sep 23, 2018 • Mar 15 '21 Dropdown menu Copy link Hide I'd love that border-image to be able to have border-radius working. 🤨 Stephan Nijman Stephan Nijman Stephan Nijman Follow Hi I'm Stephan Nijman! WordPress, Php, Javascript, React and Css Developer/Enthusiast/Blogger/Youtuber. Location the Netherlands Work Full stack web developer Joined Apr 23, 2019 • Mar 17 '21 Dropdown menu Copy link Hide I guess that doesn't work because it's tiling the background image. But it would certainly be nice! :) Benjamin CARADEUC Benjamin CARADEUC Benjamin CARADEUC Follow Hi, I'm Benjamin Caradeuc, a french Engineer and web developer, in love with javascript and sass. I sometimes build little but usefull stuff ! Location Montpellier, France Work Front-end developer (Consultant) at MolotovTV Joined Sep 23, 2018 • Jun 8 '21 Dropdown menu Copy link Hide Hey, I found this today: codyhouse.co/nuggets/css-gradient-... That's some wonderfull solution to combine the gradient and the border-radius Stephan Nijman Stephan Nijman Stephan Nijman Follow Hi I'm Stephan Nijman! WordPress, Php, Javascript, React and Css Developer/Enthusiast/Blogger/Youtuber. Location the Netherlands Work Full stack web developer Joined Apr 23, 2019 • Jun 8 '21 Dropdown menu Copy link Hide Oh thank you for that link Benjamin! 😀 Collapse Expand Pawan Pawar Pawan Pawar Pawan Pawar Follow I am founder of Aalpha Systems, 16 years of tech experience, I love writing on latest tech trends AI, ML, Blockchain etc Location Bangalore, India Work Entrepreneur at Aalpha Joined Dec 16, 2019 • Mar 16 '21 Dropdown menu Copy link Hide Good one!! Collapse Expand Stephan Nijman Stephan Nijman Stephan Nijman Follow Hi I'm Stephan Nijman! WordPress, Php, Javascript, React and Css Developer/Enthusiast/Blogger/Youtuber. Location the Netherlands Work Full stack web developer Joined Apr 23, 2019 • Mar 17 '21 Dropdown menu Copy link Hide Thank you Pawan! Glad you liked it! :) Collapse Expand btlm btlm btlm Follow A frontend developer who wants to become full stack in JS (Express framework). Location Poland Education IT Engineer Work Frontend Developer Joined Jul 15, 2020 • Mar 15 '21 Dropdown menu Copy link Hide Great post! Also for the first example there is no need to use JS for simple toggling classes. We can use checkbox' label and checked property selector in CSS :) Collapse Expand Stephan Nijman Stephan Nijman Stephan Nijman Follow Hi I'm Stephan Nijman! WordPress, Php, Javascript, React and Css Developer/Enthusiast/Blogger/Youtuber. Location the Netherlands Work Full stack web developer Joined Apr 23, 2019 • Mar 15 '21 Dropdown menu Copy link Hide Thanks. And you are absolutely right! This is just an example of how we could do it with js. Because it could be useful in some cases. :) Collapse Expand OlegVeselov OlegVeselov OlegVeselov Follow Joined Mar 11, 2021 • Mar 18 '21 Dropdown menu Copy link Hide Oh, great. Never heard about 'mix-blend-mode'. Thanks for this and other tips ;) Collapse Expand Enzo Enzo Enzo Follow Computer science student at Universidad de La Plata Location La Plata, Buenos Aires, Argentina Education Analista Programador - Universidad de La Plata Joined Mar 15, 2021 • Mar 18 '21 Dropdown menu Copy link Hide These tips are really useful, thank you! Code of Conduct • Report abuse For further actions, you may consider blocking this person and/or reporting abuse
I love the border image.
Yeah, that's a really nice feature. It's a bit wonky to animate though!
I'd love that border-image to be able to have border-radius working. 🤨
I guess that doesn't work because it's tiling the background image. But it would certainly be nice! :)
Hey, I found this today: codyhouse.co/nuggets/css-gradient-...
That's some wonderfull solution to combine the gradient and the border-radius
Oh thank you for that link Benjamin! 😀
Good one!!
Thank you Pawan! Glad you liked it! :)
Great post! Also for the first example there is no need to use JS for simple toggling classes. We can use checkbox' label and checked property selector in CSS :)
Thanks. And you are absolutely right! This is just an example of how we could do it with js. Because it could be useful in some cases. :)
Oh, great. Never heard about 'mix-blend-mode'.
Thanks for this and other tips ;)
These tips are really useful, thank you!