Animation Checkbox

https://codepen.io/guldus/pen/RzQZmm?editors=1100 https://codepen.io/guldus/pen/RzQZmm?editors=1100 HTML <div class='circle'> <div class='circle-mood'></div> <span class='line-short'></span> <span class='line-long'></span> </div> CSS .circle{ width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .circle-mood{ width: 100%; height: 100%; border: 15px solid red; box-sizing: border-box; border-radius: 50%; transition: .5s; cursor: pointer; } .clicked{ border: 50px solid green; } .line-short, .line-long{ position: absolute;... Continue Reading →

30 June 2019 0

CSS – To Do List

html and css

5 February 2019 0

CSS Search Box

30 October 2018 0

CSS Basic Select Box

21 October 2018 0

CSS Cinema Button

15 October 2018

CSS Button Animation

15 October 2018 0

CSS Button – YES NO

CSS Button - YES NO

14 October 2018 0

CSS Animation – Button

CSS Animation - Button

3 October 2018 0

CSS Animation – Black Button

CSS Animation - Black Button

3 October 2018 0

CSS Animation – Check

https://codepen.io/guldus/pen/xyZxzG?editors=1100 HTML CODE: <!DOCTYPE html> <html> <head> <title>checkbox</title> <link rel="stylesheet" type="text/css" href="1.page.css"> </head> <body> <div class="center"> <label> <input type="checkbox" name="">The world is not a flat tray. </label> </div> </body> </html> CSS CODE: body{ margin: 0; padding: 0; } .center{ position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); text-align: center; } input[type="checkbox"]{ position: relative;... Continue Reading →

2 October 2018 0