From 74344a2ec388b78fe906a22c31f8fdb77fc60b12 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Fri, 04 Mar 2022 15:55:59 +0800 Subject: [PATCH] 404页面优化,页面响应式变化适配 --- src/App.vue | 28 ++++++++++++++++++++++++++++ 1 files changed, 28 insertions(+), 0 deletions(-) diff --git a/src/App.vue b/src/App.vue index 428e466..0c6f8b7 100644 --- a/src/App.vue +++ b/src/App.vue @@ -48,4 +48,32 @@ margin-top: 20px; margin-bottom: 20px; } + + a { + position: relative; + } + + a:hover:after { + left: 0; + width: 100%; + -webkit-transition: width 350ms; + -moz-transition: width 350ms; + -ms-transition: width 350ms; + -o-transition: width 350ms; + transition: width 350ms; + } + + a:after { + position: absolute; + bottom: -0.0625rem; + left: 100%; + width: 0; + border-bottom: 0.0625rem solid #30a9de; + content: ""; + -webkit-transition: width 350ms, left 350ms; + -moz-transition: width 350ms, left 350ms; + -ms-transition: width 350ms, left 350ms; + -o-transition: width 350ms, left 350ms; + transition: width 350ms, left 350ms; + } </style> -- Gitblit v1.9.1