make bg transitions less like a flash-bulb
Gitea/movie-explorer/pipeline/head There was a failure building this commit
Details
Gitea/movie-explorer/pipeline/head There was a failure building this commit
Details
This commit is contained in:
parent
453cc9458d
commit
a7ecfce178
|
@ -65,7 +65,6 @@ function App() {
|
|||
height: "100vh",
|
||||
aspectRatio: "16/9",
|
||||
objectFit: "clip",
|
||||
opacity: "40%"
|
||||
}
|
||||
|
||||
const { width } = useWindowDimensions()
|
||||
|
@ -87,7 +86,8 @@ function App() {
|
|||
<>
|
||||
|
||||
<div className="w-screen h-screen flex flex-col absolute overflow-hidden">
|
||||
<div className="-z-10 absolute h-full blur-xl bg-black">
|
||||
<div className="-z-10 bg-black/20 w-full h-full absolute"></div>
|
||||
<div className="-z-20 absolute h-full blur-xl bg-black">
|
||||
<CrossfadeImage src={backdrop} style={crossfadeImageStyles} />
|
||||
</div>
|
||||
<header className="bg-black py-2">
|
||||
|
|
Loading…
Reference in New Issue