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