d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-17 23:16:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

header 动画

Browse Source
This commit is contained in:
tangly1024
2023-06-06 22:10:57 +08:00
parent 18ca12f176
commit 02320a822b
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
themes/hexo/components/HeaderArticle.js
View File

@@ -21,7 +21,11 @@ export default function HeaderArticle({ post, siteInfo }) {
return (
<div
id="header"
className="w-full h-96 relative md:flex-shrink-0 overflow-hidden bg-cover bg-center bg-no-repeat animate__animated animate__fadeIn z-10"
data-aos="fade-down"
data-aos-duration="300"
data-aos-once="true"
data-aos-anchor-placement="top-bottom"
className="w-full h-96 relative md:flex-shrink-0 overflow-hidden bg-cover bg-center bg-no-repeat z-10"
style={{ backgroundImage: headerImage }}
>
<header id='article-header-cover'

4
themes/matery/components/HeaderArticle.js
View File

@@ -7,9 +7,9 @@ export default function HeaderArticle({ post, siteInfo }) {
<div
data-aos="fade-down"
data-aos-duration="300"
data-aos-once="false"
data-aos-once="true"
data-aos-anchor-placement="top-center"
id='header' className="flex h-96 justify-center align-middle items-center w-full relative duration-200 bg-black">
id='header' className="flex h-96 justify-center align-middle items-center w-full relative bg-black">
{/* eslint-disable-next-line @next/next/no-img-element */}
{/* <img
src={headerImage}