Jump to content

what cool stuff can you do in CSS

GreezyJeezy

so as many of you in the section probably know im learning to code and making a website.

 

well i want to learn more stuff and just looking at how to do stuff doesn't really do anything. so what are some cool things i should do to expand my css knowledge

and make my website look less noobish xD

 

Link to comment
Share on other sites

Link to post
Share on other sites

Use one of these free templates: http://html5up.net/

i7 4790k | MSI Z97S SLI Krait Edition | G.Skill Ripjaws X 16 GB | Samsung 850 EVO 500 GB | 2x Seagate Barracuda 2TB | MSI GTX 970 Twin Frozr V | Fractal Design R4 | EVGA 650W

A gaming PC for your budget: $800 - $1000 - $1500 - $1800 - $2600 - $9001

Remember to quote people if you want them to see your reply!

Link to comment
Share on other sites

Link to post
Share on other sites

Well, I'm pretty partial to nice background textures. For example, hazy125.com and pupwsipe.com (One of my current projects). I think that looks pretty nice. One thing that is a must is to look at CSS transitions. An example of transitions can be found at https://hazy125.com/sub/kathy/material.php The menu uses CSS transitions to slide in and out, also if you hover over the video play button that is also entirely CSS.

 

If you want to get super super fancy you can do custom CSS animations 

I am good at computer

Spoiler

Motherboard: Gigabyte G1 sniper 3 | CPU: Intel 3770k @5.1Ghz | RAM: 32Gb G.Skill Ripjaws X @1600Mhz | Graphics card: EVGA 980 Ti SC | HDD: Seagate barracuda 3298534883327.74B + Samsung OEM 5400rpm drive + Seatgate barracude 2TB | PSU: Cougar CMX 1200w | CPU cooler: Custom loop

Link to comment
Share on other sites

Link to post
Share on other sites

31 minutes ago, GreezyJeezy said:

so as many of you in the section probably know im learning to code and making a website.

 

well i want to learn more stuff and just looking at how to do stuff doesn't really do anything. so what are some cool things i should do to expand my css knowledge

and make my website look less noobish xD

ul {

     text-decoration: none;

    }

 

The most useful piece of CSS you will ever need to know. Those damn stock navigation bars are like Susan Boyle without makeup

Current Build: CPU - AMD 5800K 4.2GHz w/ Stock Cooler :( | Motherboard - ASRock FM82A88 Extreme 4 Plus | Memory - Crucial 8GB Single Stick 1600MHz | GPU - AMD Radeon R7 260X 2GB | Storage - Seagate Barracuda 1TB 7200RPM

Project: Just let me play Black Ops... PLEASE!!! - https://uk.pcpartpicker.com/user/ion529/saved/#view=VKm9TW

Link to comment
Share on other sites

Link to post
Share on other sites

30 minutes ago, Hazy125 said:

Well, I'm pretty partial to nice background textures. For example, hazy125.com and pupwsipe.com (One of my current projects). I think that looks pretty nice. One thing that is a must is to look at CSS transitions. An example of transitions can be found at https://hazy125.com/sub/kathy/material.php The menu uses CSS transitions to slide in and out, also if you hover over the video play button that is also entirely CSS.

 

If you want to get super super fancy you can do custom CSS animations 

The reindeer just made my day

Current Build: CPU - AMD 5800K 4.2GHz w/ Stock Cooler :( | Motherboard - ASRock FM82A88 Extreme 4 Plus | Memory - Crucial 8GB Single Stick 1600MHz | GPU - AMD Radeon R7 260X 2GB | Storage - Seagate Barracuda 1TB 7200RPM

Project: Just let me play Black Ops... PLEASE!!! - https://uk.pcpartpicker.com/user/ion529/saved/#view=VKm9TW

Link to comment
Share on other sites

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×