Code a Starry Night CSS Animation Background (Easy) | CSS for Beginners | 5min Tech Projects

[@mary-hu3ff]

This was an amazing tutorial, I was waiting for a very complex code but turns out it was very easy to understand and follow along! Thank you! 💛

[@benfosterdev]

You deserve way more viewers, likes, and subscribers for the great content you make.

[@givemeabreak2469]

Thank you! I appreciate it 😊

[@tomasdi.stefano6827]

This is great! I just started to learn coding not too long ago so im pretty new to all this. Not only the starry background looks excellent but you are also great at explaining so thank you so much!

[@Runnmill]

Cool video. I like you chatting while writing the code

[@givemeabreak2469]

Thanks, glad you enjoy it!

[@shubhamss3328]

ma'am, it blew my mind one of the coolest project and so simple too....truly amazed

[@valvar83]

this is such a great video!! Thank you so much Carla!!

[@eirikmb]

I did this and it just got place above everything else. All i have done is underneath, i would like to have this in the backgorund. I dont know i gave z-index 3,4,5 to everything, it still did not get on top of the png's

[@hygro9625]

Thank you, you helped me draft a demo for my squad

[@widepeepoflo]

Hello, it is okay if i take this idea for one of my project :) ?

[@givemeabreak2469]

Of course! 😊

[@widepeepoflo]

@@givemeabreak2469 Thakns ! Have a good day

[@rangabharath4253]

awesome as always

[@givemeabreak2469]

Thanks again!

[@marcsmith7078]

Dear Carla, Thanks so much. This really helped me.

[@favouritejome]

Wow, awesome creativity 👍

[@givemeabreak2469]

Thank you so much 😊

[@parisaparsi518]

Hi great video and awesome job thank you for the instructions the code works beautifully but I have a question I want to make this as a background for my Portfolio I add text after the title in HTML and CSS but the text moves to the bottom of the page with a white background I would like to add my text and tabs on top of the animation. Can you please tell me how to do that? I changed the order of the text both in HTML and CSS it doesn't make a difference. Also can you please make a tutorial on how to create tabs on top of this beautiful background? Again thanks so much for this tutorial.

[@savannahhilton2939]

I have this same issue.

[@savannahhilton2939]

I found the solution. It may take some fiddling around on your end, but I out all of my other code inside of the divs with the classes stars, twinkling, and clouds. I changed the css of this part to be ---> taking away the position: relative and making the height: auto made all the difference as well.
.stars, .twinkling, .clouds {
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: auto;
display: block;
background-size: cover;
}

[@machadoviewer]

Great tutorial! I'm using in a job test :)

[@phamthang6558]

great !

[@BozCoding]

That was really good thanks :)

[@matthewharris2582]

This was amazing thanks!!

[@aviroxi]

thank you so much carla :)

[@austinschaaf6586]

good job

[@ihorbond]

very nice! do you do any freelance work ? how can I contact you ?

[@netbug94]

Omg, I thought I wouldn't find a 'how-to'"for this. All links lead me to photoshop tutorials."

[@seanmcgrath1616]

not sure why you are subscribed to me lol,thanks haha but you are my 5th most subscribed subscriber lol

[@ashbroccoli]

Thank you sm

[@Human_Evolution-]

Cute

[@jez9999]

Sorry, how is this CSS? You're using 3 images.

I would like to like the video but its currently at 42 likes so I wont but I would.