Coding for Lunch!

That was a Heading

That was a paragraph. And hey, this is too!

That was a Marker, I made it without an img tag!!! It has a div for the marker and a div inside for the cap. The rest is CSS!


This is paper, hover to lift!

Pretty cool, right? Also try clicking and holding to color the paper!

You also may be wondering why when you hover text the cursor does not change, I changed the value of the cursor property in the body selector to default so unless specifically changed will not change!


Check out this awesome gradient rotated by degrees, it is linear. Notice: The border radius and box shadow! Hover to see a radial gradient! Notice: The border radius transition on hover...


Back to Top

Check out this awesome button! Click too! Notice: The smooth scrolling I applied in the CSS to the HTML element!

It is not only CSS who should get all the glory, check out what JavaScript can do!

Click the button to create an account in this fieldset!

Isn't it magnificent?! With JavaScript you can make HTML and CSS editable per user input! In the button I call a function called "createAccount" and in the JavaScript I set it to a function that does the stuff that it did.


Let's see what this button does!