Custom animation (html element)working on edit page but not on preview

Need help
1

attached screen shot from edit window first -through animation table is getting filled in but it is not appearing same on Preview window

image
image1513×745 67.7 KB

image
image903×320 11.7 KB

Below is the custom animation code for reference

<!DOCTYPE html>
Animated Table /* Updated Styles */ body { font-family: 'Arial', sans-serif; background-color: transparent; } 
    table {
        border-collapse: collapse;
        width: 100%; /* Fitting the entire element */
        margin: 0; /* No margin */
        box-shadow: 0px 5px 10px lightgrey;
    }

    th, td {
        border: 2px solid #40E0D0; /* Neon turquoise */
        padding: 8px 12px;
        text-align: left;
        color: #20B0A0; /* Darker turquoise */
        opacity: 0; /* Initially hide all cells */
        width: 20%; /* Equal width for consistency */
    }

    th {
        background-color: transparent; /* Removed background */
        opacity: 1; /* Make sure header cells are always visible */
    }
</style>
Sales Month Product Name Total Sales Total Expenses Profit
2

This topic was automatically closed after 70 days. New replies are no longer allowed.