Inline error messages are displayed as bubbles next to their corresponding inputs. This was rendered in Safari. The errors are generated on the server via formtastic/rails.
Round 2 of the inline errors. This time with adjustments suggested by Sandro Pennisi. The shadow positions are negative and rgba is used to soften their effect. This was rendered in Firefox.
5 Responses
Pro
Jim Jeffers
Inline error messages are displayed as bubbles next to their corresponding inputs. This was rendered in Safari. The errors are generated on the server via formtastic/rails.
about 2 years ago
looks great! did you try to make the shadows of the text the other way? so that the text looks engraved (y position -1 instead of 1).
about 2 years ago
Pro
Jim Jeffers
Not yet but I'll give that a try!
about 2 years ago
cool, maybe you can post it here too, would love to see it. :)
about 2 years ago
Rebound
Engraved Text Effect
by Jim Jeffers
Round 2 of the inline errors. This time with adjustments suggested by Sandro Pennisi. The shadow positions are negative and rgba is used to soften their effect. This was rendered in Firefox.
about 2 years ago