Hello,
On the website of Apple, you see at the bottom of the main page four retangles with a shadow at the center so they look if they are bent. Can i make something like that in Freeway?
Interesting. Compare with the US page – those shadows aren’t there, and the boxes are seamless from left to right. These shadows are being made with the CSS3 box-shadow attribute, using multiple shadow values to create the illusion of a curve. You could copy those properties into an extended style or page html markup to do this in Freeway. Here’s a cut-down example showing how the shadow layers together. Curved Shadow
There’s a bottom layer, which is the faint shadow all the way around the box. I styled that with class: foo. Then there’s another layer nested inside that bottom layer, which forms the curved shadow. That has a separate box-shadow, but a curved bottom radius and a transparent background color. Finally, the P inside that has been sized to cover everything and given an opaque background, giving the illusion of a drop shadow. Remove that background color, and you’ll see the trick revealed.
Walter
On Jun 30, 2013, at 1:41 PM, Steven wrote:
Hello,
On the website of Apple, you see at the bottom of the main page four retangles with a shadow at the center so they look if they are bent. Can i make something like that in Freeway?
If you have a search on FWT you will find a post by The Big Erns where he shares quite a few examples of these in differing forms along with downloadable files.
I will have a look for it and post it if I can find it.