From 10a44898658c25483515f541d305d2e8ba1ffaf7 Mon Sep 17 00:00:00 2001 From: AliChen118 <64359843+AliChen118@users.noreply.github.com> Date: Tue, 28 Jul 2020 23:43:34 +0800 Subject: [PATCH] Create foot.css --- css/foot.css | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 css/foot.css diff --git a/css/foot.css b/css/foot.css new file mode 100644 index 0000000..0e67f43 --- /dev/null +++ b/css/foot.css @@ -0,0 +1,60 @@ +/* 页脚footer */ +/* 渐变色滚动动画 */ +@-webkit-keyframes Gradient { + 0% { + background-position: 0 50%; + } + + 50% { + background-position: 100% 50%; + } + + 100% { + background-position: 0 50%; + } +} + +@-moz-keyframes Gradient { + 0% { + background-position: 0 50%; + } + + 50% { + background-position: 100% 50%; + } + + 100% { + background-position: 0 50%; + } +} + +@keyframes Gradient { + 0% { + background-position: 0 50%; + } + + 50% { + background-position: 100% 50%; + } + + 100% { + background-position: 0 50%; + } +} +#footer { + background: linear-gradient(-45deg, #ee7752, #ce3e75, #23a6d5, #23d5ab); + background-size: 400% 400%; + -webkit-animation: Gradient 10s ease infinite; + -moz-animation: Gradient 10s ease infinite; + animation: Gradient 10s ease infinite; + -o-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} +#footer:before { + background-color: rgba(0, 0, 0, 0); +}