Man, do I hate fiddling around with code. Getting the code to work in the first place is always a challenge, and then making numerous graphic tweaks here at there is always slow going. I much prefer the graphical UI ecstasy of an Action, but being a rather impatient man I find it faster to accomplish my aims by posting a query here on FreewayTalk…
The Bad news is that it’s a fiddly mess to tweak styling. I would say a fair comparison between that CSS styling solution and a GUI Action solution is the same as the difference between an early 1980’s DOS text editor and MacWrite. It’s night and day, folks.
So whoever may come after reading this may wish to put in a feature request comment on the existing CSS3 Shadow Action here:
The link you provided shows some pretty standard shadow effects. But as I wrote in my opening post, I seek to produce “LIFTED” shadow effects as shown here:
And although it probably can be accomplished in Freeway, there really needs to be an easy-to-use Action to allow the average Freeway user to implement it.
I did add a White fill color to a set of samples. Have a look again and this time note the text description under each sample (specifically, the second column of HTML boxes, second from the left)…
If by “set of samples” you mean the INSANELY SMALL boxes at the left of
your file, then I question why you would not expect them to break under
conditions that no sane person would employ.
As for the sanely sized boxes on the right with NO FILL… thusly rendered
transparent… therefore revealing the shadowing objects behind them… again,
raising concerns about your expectations. Fill them and size them sanely
and they work fine in Safari, Firefox, and Chrome.
I’m trying to apply one of the lifted shadows on a floating html item within a div. Is this possible? It looks like the shadow appears on the wrapping div. I tried messing with z-indexes but can’t get it to work.
Without an online example to dissect, it’s hard to know what the problem
is… but-- if you are using Freeway 7-- then I should chime in here and say
that Thomas and I have both noted a change in how Freeway 7 applies
positioning to inflow items… which has direct implications on custom user
styles and pseudo elements such as used by these shadow styles.
If this is the case, then short answer is there’s an easy fix. Although, it
comes at the expense of a deep dive into how the position property
interacts with document flow, and where pseudo elements fit into all that.
Freeway 7 users of these shadow styles will want to read this:
On Sun, Feb 15, 2015 at 4:44 PM, Gert DP email@hidden wrote:
Hi all,
I’m trying to apply one of the lifted shadows on a floating html item
within a div. Is this possible? It looks like the shadow appears on the
wrapping div. I tried messing with z-indexes but can’t get it to work.