CSS3 Menu Generator
Preview
1Menu Bar
Corner Radius
Radius All Corners: {{vm.allRadius}}px
Background
Colors and Border
Bottom Width: {{vm.borderWidth}}px
Menu Bar Height
Menu Bar Height : {{vm.mbHeight}}px
Menu Bar Shadow
Horizontal Length: {{vm.shadowHOffset}}px
Vertical Length: {{vm.shadowVOffset}}px
Padding
Padding Top: {{vm.paddingTop}}px
Padding Right: {{vm.paddingRight}}px
Padding Bottom: {{vm.paddingBottom}}px
Padding Left: {{vm.paddingLeft}}px
Margins
Margin Top: {{vm.marginTop}}px
Margin Right: {{vm.marginRight}}px
Margin Bottom: {{vm.marginBottom}}px
Margin Left: {{vm.marginLeft}}px
2Top Menu
Fonts
Font Size: {{vm.fontSizeTop}}px
Font Shadow
Horizontal Length: {{vm.fontHTop}}px
Vertical Length: {{vm.fontVTop}}px
Blur Radius: {{vm.fontBTop}}px
Padding
Padding Top: {{vm.topPaddingTop}}px
Padding Right: {{vm.topPaddingRight}}px
Padding Bottom: {{vm.topPaddingBottom}}px
Padding Left: {{vm.topPaddingLeft}}px
Margins
Margin Top: {{vm.topMarginTop}}px
Margin Right: {{vm.topMarginRight}}px
Margin Bottom: {{vm.topMarginBottom}}px
Margin Left: {{vm.topMarginLeft}}px
Corner Radius
Radius All Corners: {{vm.topBRadius}}px
3Top Menu Hover
Hover Text Color
Background
Hover Font Shadow
Horizontal Length: {{vm.fontHHoverTop}}px
Vertical Length: {{vm.fontVHoverTop}}px
Blur Radius: {{vm.fontBHoverTop}}px
Padding
Padding Top: {{vm.PaddingTopHover}}px
Padding Right: {{vm.PaddingRightHover}}px
Padding Bottom: {{vm.PaddingBottomHover}}px
Padding Left: {{vm.PaddingLeftHover}}px
4Sub Menu
Fonts
Font Size: {{vm.fontSizeSub}}px
Font Shadow
Horizontal Length: {{vm.fontHsub}}px
Vertical Length: {{vm.fontVsub}}px
Blur Radius: {{vm.fontBsub}}px
Corner Radius
Radius All Corners: {{vm.allRadiusSub}}px
Background
Border
Border Width: {{vm.borderWidthSub}}px
Sub Menu Width: {{vm.subMenuWidth}}px
Sub Menu Box Shadow
Horizontal Length: {{vm.hShadowSub}}px
Vertical Length: {{vm.vShadowSub}}px
Blur Radius: {{vm.bShadowSub}}px
Padding
Padding Top: {{vm.subPaddingTop}}px
Padding Right: {{vm.subPaddingRight}}px
Padding Bottom: {{vm.subPaddingBottom}}px
Padding Left: {{vm.subPaddingLeft}}px
5Sub Menu Hover
Hover Text Color
Background
Hover Font Shadow
Horizontal Length: {{vm.fontHHover}}px
Vertical Length: {{vm.fontVHover}}px
Blur Radius: {{vm.fontBHover}}px