web work shop
Code smart text
effects with CSS
Inspired by middlechildphilly.com/menu
Attention Grabbers
Rollover links are a great
way to grab the attention of
the user. Always try to do
something unusual and
original. Middle Child has a
great effect, seldom seen
elsewhere, that captures
each letter and splits them
apart with animation. It’s a
delight to the user.Alwaysavailable
Keepingcustomersintouchis
keyfora business.Thefloating
‘Callus’buttonwillopenFacetime
andconnectusersimmediately.Animatedmenu
Clickingtheanimatedburgericon
bringsanoverlayinfromthetop,
whileeachnavigationelement
dropsintoplaceoneata time.Happyservice
Thesmilingfacelogoatthetopofthepage
lookstowardsyourmousetoseewhere
youaremoving.Thisisalsothemain
interaction,butlargeronthelandingpage.Rollovermenu
Eachmenuitemonscreenchanges
andhighlightsastheuserrollsover.
Thepicturetotheleftofitchanges
andupdatesaccordingly.Rollovereffect
Alotofthelinksonthesitehavea fun
rollovereffect,whereeachlettersplitsapart
androtatesslightlythroughanimation.The
underlinealsoanimatesofftotheright.70 ____workshop