faded image edges

This commit was merged in pull request #33.
This commit is contained in:
victorAnumudu
2023-08-30 21:15:54 +01:00
parent 2b0294d63d
commit 7442f9c691
2 changed files with 22 additions and 8 deletions
+15 -2
View File
@@ -35,9 +35,22 @@ function TrafficHomeOne() {
</div> */}
</div>
</div>
<div className="traffic-thumb d-none d-lg-flex col-lg-5 justify-content-center align-items-center">
<div className='position-relative d-flex'>
<div className='withFadeEdge position-absolute bg-transparent w-100 h-100' style={{zIndex: '1'}}></div>
<img
className="position-relative wow animated fadeInRight p-1"
data-wow-duration="2000ms"
data-wow-delay="200ms"
src={thumb}
alt=""
style={{zIndex: '0'}}
/>
</div>
</div>
</div>
</div>
<div className="traffic-thumb ">
{/* <div className="traffic-thumb">
<img
className="withFadeEdge wow animated fadeInRight"
data-wow-duration="2000ms"
@@ -45,7 +58,7 @@ function TrafficHomeOne() {
src={thumb}
alt=""
/>
</div>
</div> */}
</section>
);
}