Streaming live at 10am (PST)

How to make a card?


#1

hi, guys. tell me how to create a card and a button? with such curved edges. that is possible to do this using webflow or need to use a ready-made image or photoshop/corel?
Thank you.


#2

I don't think you can create such curved (realistic) shadows with webflow css. You should create them as an image in photoshop. see http://www.graphicsfuel.com/2011/04/content-box-shadows-psd/


#3

Or even use a vector (SVG) so you can reuse it multiple times smile


#4

thanks for the answer


#5

I know I've seen css recipes... I didn't dig deep but I think these are pure css:

http://www.dcodes.net/2/docs/css_shadows.html


#6

You can absolutely creates these in pure CSS. Its not as straightforward depending on what kind of effect you are trying to achieve, but it can be done. You CAN achieve similar effects with Webflow playing around with multiple shadows, distance, size and blur of the shadow. A google search will turn up many results. Here is another.


#7

This is created in adobe illustrator, You need to have knowledge of 3D Shadows using simple tool of stylize & Gradient effect. This is not made in adobe photoshop however, its easy in illustrator. I use to do it on my personal freebie blog for mockups and other artwork.


#8

nice menus on that site.


#9