---
title: "Discussion on \"Creating day-night CSS only toggle switch\" | Hashnode"
description: "Discussion on \"Creating day-night CSS only toggle switch\". You might remember I recreated this cool CSS frosted glass effect based on a dribbble shot.\nThis was pretty cool to do, and I wanted to test out some checkbox techniques, so decided to look for a cool switch effect.\nI found this amazing dribble shot ..."
url: "https://hashnode.com/posts/creating-day-night-css-only-toggle-switch/5feab7fce88ae25261e881e4"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Creating day-night CSS only toggle switch](https://h.daily-dev-tips.com/creating-day-night-css-only-toggle-switch?utm_source=hashnode&utm_medium=feed)

You might remember I recreated this cool CSS frosted glass effect based on a dribbble shot. This was pretty cool to do, and I wanted to test out some checkbox techniques, so decided to look for a cool switch effect. I found this amazing dribble shot ...

Dec 29, 2020 · 11 min read · h.daily-dev-tips.com  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#css3](https://hashnode.com/tag/css3)
-   [#css-animation](https://hashnode.com/tag/css-animation)
-   [#2articles1week](https://hashnode.com/tag/2articles1week)

## Written by

[Chris Bongers](https://hashnode.com/@dailydevtips)

@dailydevtips · Cape Town, SA

  
[View profile](https://hashnode.com/@dailydevtips)

Looking to get into development? As a full-stack developer I guide you on this journey and give you bite sized tips every single day 👊

I'm a full-stack developer from South Africa 🇿🇦. I love writing about JavaScript, HTML and CSS.

## Responses 1

Markdown supported · ⌘↵ to post

[Shad Mirza](https://hashnode.com/@iamshadmirza)

[Dec 29, 2020](https://hashnode.com/posts/creating-day-night-css-only-toggle-switch/5feab7fce88ae25261e881e4/comment/5feaedd6d9b0055588218422)

Loved it

[Chris Bongers](https://hashnode.com/@dailydevtips)

[Dec 29, 2020](https://hashnode.com/posts/creating-day-night-css-only-toggle-switch/5feab7fce88ae25261e881e4/comment/5feaedd6d9b0055588218422#reply-5feaf2f66a3578563ff40ee8)

Thank you Mohd, glad you liked it! Might do more of these dribbble conversions in 2021

[Shad Mirza](https://hashnode.com/@iamshadmirza)

[Dec 29, 2020](https://hashnode.com/posts/creating-day-night-css-only-toggle-switch/5feab7fce88ae25261e881e4/comment/5feaedd6d9b0055588218422#reply-5feb108f6a3578563ff41174)

[Chris Bongers](https://hashnode.com/@dailydevtips) I'm already looking forward to 2021 🙌