<!DOCTYPE html>
requested to merge Sravya_Lakshmi/simple-methods-filteration-evaporation-distilation-ps10:Sravya_Lakshmi-main-patch-50285 into main
Science Experiment Animation
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f0f0f0;
background-image: url('https://img.freepik.com/free-photo/still-life-laboratory-samples_23-2151108766.jpg'); /* Replace with your image path or URL */
background-size: cover; /* Ensures the image covers the whole background */
background-repeat: no-repeat; /* Prevents the image from repeating */
background-attachment: fixed; /* Makes the background image fixed when scrolling */
background-position: center; /* Centers the background image */
margin: 0;
padding: 0;
}
.container {
display: inline-block;
position: relative;
margin: 20px;
}
.animation {
width: 700px;
height: 400px;
background-color: white;
border: 2px solid #ccc;
margin-top: 20px;
position: relative;
}
.animation img {
width: 100%;
height: 100%;
display: none;
}
.animation img.active {
display: block;
}
.controls {
margin-top: 20px;
}
.controls button {
margin: 5px;
padding: 10px 20px;
font-size: 16px;
}
.controls select {
margin: 5px;
padding: 10px;
font-size: 16px;
}
simple methods
Start Filtration
Start Evaporation
Start Distillation
Water+sand
water
Ethnol+water