css实现悬浮三维3d翻转图标文字菜单效果代码
代码语言:html
所属分类:菜单导航
代码描述:css实现悬浮三维3d翻转图标文字菜单效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/reset.min.css"> <style> *,*:before,*:after { box-sizing:border-box } :after { content:"" } section { position:relative; left:100px } h1 { margin:80px 0 10px 0; font-size:52px; font-family:'Montserrat',sans-serif; text-transform:uppercase; text-shadow:1px 1px 0 #DC143C,2px 2px 0 #DC143C,3px 3px 0 #DC143C,4px 4px 0 #DC143C } h2 { font-size:24px } body { padding:100px 0; background:lightblue; color:white; max-width:640px; font-family:'Montserrat',sans-serif; font-size:14px; line-height:1.4; font-smoothing:anti-aliased } nav { float:left; position:relative; top:0; left:0; background:transparent } nav ul { text-align:center } nav ul li { position:relative; width:70px; cursor:pointer; background:crimson; text-transform:uppercase; transition:all .4s ease-out } nav ul li:after.........完整代码请登录后点击上方下载按钮下载查看
网友评论0