Can anyone write the short summary of all the parts mentioned in this picture..it will help alot..!
Share
Can anyone write the short summary of all the parts mentioned in this picture..it will help alot..!
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Answer:
hope this helps u please me a brainliest answer and give thanks!!!!
[tex]<!DOCTYPE html>
<html lang="en">
<head>
<title>Ball</title>
</head>
<body>
<div class="ball"></div>
<style>
html,
body {
background: #ffdf6d;
padding: 0;
margin: 0;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
height: 300px;
overflow: hidden;
}
.ball {
width: 200px;
height: 200px;
border-radius: 50%;
background: white;
position: relative;
box-shadow: -20px 0 rgba(0, 0, 0, 0.1) inset;
animation: roll 1s ease-in-out infinite;
background: linear-gradient(
to bottom,
#e83e35 0%,
#e83e35 50.5%,
#ffffff 50.51%,
#ffffff 100%
);
}
.ball:after {
content: "";
position: absolute;
top: calc(100px - 3px);
left: 0;
width: 200px;
height: 6px;
background: #3f3f3f;
}
.ball:before {
content: "";
position: absolute;
top: 67px;
left: 67px;
width: 54px;
height: 54px;
border: solid 6px #3f3f3f;
border-radius: 50%;
background: white;
z-index: 1;
box-shadow: 0 0 15px -2px #c62828 inset;
animation: button 3s ease infinite;
}
@-webkit-keyframes roll {
from {
transform: rotate(0);
}
90%,
to {
transform: rotate(720deg);
}
}
@-webkit-keyframes button {
from,
50%,
to {
box-shadow: 0 0 15px -2px #c62828 inset;
}
25%,
75% {
box-shadow: 0 0 10px -2px #1300ea inset;
}
}
</style>
</body>
</html>[/tex]
baad mein brainliest mark kriyo jab bolunga