Hello webmasters. I have two works that we are going to code this week. Between now and weekend, let us see who will get them right. As usual, you will not post codes here. Either use http://www.codepen.io or http://www.jsfiddle.net or upload to your website and paste the link here.

I want us to look at the below two images. They are what we are going to code this week with pure CSS. No images required. Except the body background images to add some beauty to the page.

1. The first image is a submit button. I want us to code it as it is with only CSS. No images.

2. The second image is a navigation kind of style. There are 6 links there. You will position them as they are in the image. There is a big black transparent circle that is carrying them. There is also a small yellow circle at the center which stands for logo. The logo text is a cursive font. You will have to use either that one or another cursive font.

Let's do it together. Goodluck.

mehn...dis is sum crious css3 work...dawm

cnt tink of a way to create dat buttons white area nd play button witout use of image...abi na canvas?

Think I ve seen this as a tutorial on Tympanus codrops before

Let's do it.
@Code-Eater, u can give it a try.
@Onyegbu, go to Tympanus or anywhere and quickly grab the tutorial and come back.
Let's just do it.

CODE-EATER, you supposed to "EAT" this "CODE" like pap, so why d fear or concern?

hmm, another new assignment from @Graphicplus. this one requires some algorithm

@nollyj, u can do it. Give it a shot.

I just try to see if I can do the first task and the result I obtained can be found below. I did not optimize my style sheet. I will try the second one when time permit.

The link is here
http://toscanyacademy.com/testing/button.html


Screen shot below

yawa-ti-de:
CODE-EATER, you supposed to "EAT" this "CODE" like pap, so why d fear or concern?

mehnnnn...dis is way above my pay grade....I admit,css3 is much mre cheeky dan I tought.....umo, book readin things o

nollyj: I just try to see if I can do the first task and the result I obtained can be found below. I did not optimize my style sheet. I will try the second one when time permit.

The link is here
http://toscanyacademy.com/testing/button.html


Screen shot below

oh my my my , so impressive

@nollj, this is very impressive. I am learning something. There is always two ways to do one thing. Although your approach is longer, but I like it. It's a good walk around.

Here is my own button: http://www.ctrlshiftstudios.com/the-button

Well done. Let's try the other.

@GraphicsPlus, nice job. i like how compact your code is. I took a longer steps to implement mine. It is always good to see different approaches to same problem solving. I will try and do the second task during weekend.

Ok. The weekend is here. Here is my own nav: http://www.ctrlshiftstudios.com/nav

Thank you.