I'm working on something for a client and

Posted in: #Css #Html #Javascript #WebsiteDesign

Does anyone have any examples of live websites with round headers? Similar to this: www.nasty-creatures.com/
I'm working on something for a client and have come up with a design with a round header, however I need some different examples of live sites so that I can see how they're built. I've scoured the web and can't find any decent examples.

If anyone can steer me in the right direction, I would greatly appreciate it!

10.01% popularity Vote Up Vote Down

: In Illustrator CS6, how to I paste to another file while preserving all the layers I have one master file containing 3 figures, each possessing multiple layers. I'd like to separate each figure

@Sent7350415

Posted in: #AdobeIllustrator #Layers

1 Comments

: Apply a custom made graphic to a stroke? I've created an arch using pen tool. Now I want to apply custom graphics to the arch. How do I achieve that? ^ here's what I drew. And

@Sent7350415

Posted in: #AdobeIllustrator

1 Comments

: Why is lowercase "L" usually higher than capital "I"? I've often wondered this, but I haven't really sought an answer to it until now. Obviously, fonts do need to distinguish small "L" and

@Sent7350415

Posted in: #Fonts #Lettering #Measurement #Scale

1 Comments

: How do I create an emoji font? I've got some svg/ai files that I'd like to turn into an emoji font. Is there a way to do this? Every time I try to import into FontLab, it only imports

@Sent7350415

Posted in: #AdobeIllustrator #Fonts #Svg

1 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Ann6370331

Probably the best approach is to play around with Clippy which will help you with the shape you are looking for and neatly output the CSS for you.

Then it's just a case of tweaking and integrating into your design. I've pulled together an example in Codepen that should help. Here is the essential CSS:

-webkit-clip-path: ellipse(60% 80% at 50% 0%);
clip-path: ellipse(50% 17% at 50% 0%);

Enjoy tinkering :)

Credit to Lea Verou for the herringbone pattern.

10% popularity Vote Up Vote Down

Feed

: Website Designs with Round Headers? Does anyone have any examples of live websites with round headers? Similar to this: http://www.nasty-creatures.com/ I'm working on something for a client and

More posts by @Sent7350415

: In Illustrator CS6, how to I paste to another file while preserving all the layers I have one master file containing 3 figures, each possessing multiple layers. I'd like to separate each figure

: Apply a custom made graphic to a stroke? I've created an arch using pen tool. Now I want to apply custom graphics to the arch. How do I achieve that? ^ here's what I drew. And

: Why is lowercase "L" usually higher than capital "I"? I've often wondered this, but I haven't really sought an answer to it until now. Obviously, fonts do need to distinguish small "L" and

: How do I create an emoji font? I've got some svg/ai files that I'd like to turn into an emoji font. Is there a way to do this? Every time I try to import into FontLab, it only imports

Login to post a comment!

1 Comments

Back to top | Use Dark Theme