master
mahdi 3 years ago
parent e02e826709
commit 6c1968f810
  1. 4
      src/App.js
  2. 10
      src/components/Advertisement/design2/index.js

@ -65,8 +65,8 @@ function App() {
{/* <ProductImage /> */}
{/* <ProductTab /> */}
{/* <ProductStatusCard /> */}
{/* <AdvertisementDesign1 /> */}
{/* <AdvertisementDesign2 /> */}
<AdvertisementDesign1 />
<AdvertisementDesign2 />
<AdvertisementDesign3 />
</div>
</Provider>

@ -18,16 +18,16 @@ const AdvertisementDesign2 = () => {
</button>
</div>
<div
style={{ backgroundColor: "blue" }}
className="rounded-full w-32 h-32 absolute left-1/4 top-1/3 transform -translate-x-1/2 -translate-y-1/2 z-20"
style={{ backgroundColor: "#00FFFF55" }}
className="rounded-full w-32 h-32 absolute left-1/4 top-1/3 transform -translate-x-1/2 -translate-y-1/2 z-20 backdrop-blur-sm"
></div>
<div
style={{ backgroundColor: "purple" }}
className="rounded-full w-44 h-44 absolute left-1/4 -bottom-2/4 transform -translate-x-1/2 -translate-y-1/2 z-10"
style={{ backgroundColor: "#6E6EEF55" }}
className="rounded-full w-44 h-44 absolute left-1/4 -bottom-2/4 transform -translate-x-1/2 -translate-y-1/2 z-10 backdrop-blur-sm"
></div>
<div
style={{ backgroundColor: "white" }}
className="rounded-full w-44 h-44 absolute left-0 top-2"
className="rounded-full w-44 h-44 absolute left-0 top-2 backdrop-blur-sm"
></div>
</div>
</section>

Loading…
Cancel
Save