# [HTML-CSS] Windows 10 loading screen
I loved to code few years back when I was in High School, copy paste type coding it was fun that time. I have done many mini project like JavaScript clock, calculator, login form etc. but for collage study I left everything behind because I was told to make career in others field. but few days ago I decided come back for ever, I decided to learn everything from scratch because what I learned years back is maybe outdated and also I forgot most of the things.
*Currently I am learning web development from [FreeCodeCamp](https://www.freecodecamp.org/) and [TheOdinProject](https://www.theodinproject.com/) under a week I have almost completed HTML and CSS next I will go for JavaScript etc. *
Here I made Windows 10 animated loading screen by writing each and every line by myself *(and some help of VS Code)* , I thought, it would be nice to share with you and take some feedback.
### About the Project
When I started this I was thinking it would be very easy to do that just few lines of CSS code. I will add a **box** and **a vertical and a horizontal line** by using **pseudo element**, and will add few more **transparent blocks** with one visible pseudo element to mimic loading circle and add some rotation to transparent block with some delay to each.
I know it was not hard but adding perspective, don't ask about that it took double the time of whole code. and the solution was just adding the ``` perspective: 30vw; ``` to the parent element and ``` transform: rotateY(-30deg); ``` to the logo.
Anyway it is now completed, I love to hear some word from you. Also I am open to any questions and constructive criticism.😊