In a pendulum, at the maximum height, bob possesses only _______________ energy
Answers
Explanation:
[tex]<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<title>Smily</title>
<style>
body{
margin: 0 0;
background: #fff;
}
.smily_body{
width: 150px; height: 150px;
background: #fcc428;
border-radius: 50%;
border: 1px solid orange;
animation: smily_body .6s ease-out 1;
animation-fill-mode: forwards;
position: absolute;
top: 50px; left: 0px;
}
@keyframes smily_body{
0%{top: 50px; left: 0;}
50%{top: 50px; left: 200px;}
100%{top: 50px; left: -250px;}
}
.smily_eye{
border-radius: 50%;
background: black;
width: 20px; height: 20px;
position: absolute; left: 40px; top: 30px;
animation: smily_eye 1.2s ease-in-out 1;
animation-fill-mode: forwards;
}
@keyframes smily_eye{
0%{top: 40px; left: 30px;}
50%{top: 80px; left: 237px; }
100%{ top: 80px; left: -250px;}
}
.smily_eye:before{
content: "";
border-radius: 50%;
background: black;
width: 20px; height: 20px;
position: absolute; left: 50px;
}
.smily_smile{
width: 60px; height: 35px;
background: #eb1734;
border-top: 2px solid #111;
border-radius: 4px 4px 30px 30px;
position: absolute; left: 45px; top: 80px;
animation: smily_smile 3s linear 1;
animation-fill-mode: forwards;
}
@keyframes smily_smile{
0%{top: 80px; left: 45px; transform: rotate(0deg);}
50%{top: 125px; left: 243px; transform: rotate(360deg);}
100%{top: 125px; left: 243px; transform: rotate(360deg);}
}
.smily_tounge{
width: 30px; height: 40px;
background: #db1630;
border-radius: 5px 5px 60px 60px;
position: absolute; left: 257px; top: 134px;
opacity: 0;
transform-origin: top;
animation: smily_tounge 1.3s ease-in-out 1;
animation-fill-mode: forwards;
animation-delay: 3s;
}
@keyframes smily_tounge{
0%{opacity: .9; transform: scaley(0);}
40%{opacity: 1; transform: scaley(.5);}
60%{opacity: 1; transform: scaley(1);}
100%{opacity: 1; transform: scaley(1.1);}
}
.smily_tounge_line{
width: 1px; height: 30px;
background: maroon;
position: absolute;
left: 15px; top: 5px;
}
.glass{
position: absolute;
left: 210px; top: 75px;
transform-origin: center;
animation: glass_rotate .6s linear 1;
animation-fill-mode: forwards;
animation-delay: 2.5s;
}
@keyframes glass_rotate{
from{transform: rotate(360deg);}
to{transform: rotate(0deg);}
}
.frame{
width: 60px; height: 27px;
background: #121;
border: 2px solid black;
opacity: 0;
border-radius: 8px 8px 40px 40px;
animation: frame .5s ease-in-out 1;
animation-fill-mode: forwards;
animation-delay: 2.5s;
}
@keyframes frame{
from{opacity: 0; transform: scale(3);}
to{opacity: 1; transform: scale(1);}
}
.frame:before{
content: "";
position: absolute; left: 64px; top: -1.5px;
width: 60px; height: 27px;
background:#121;
border: 2px solid black;
border-radius: 8px 8px 40px 40px;
}
.msg{
position: relative;
top: 300px;
}
.msg1{
position: absolute;
font-family: 'arial', sans-serif;
color: red;
}
.txt1{
animation: txt1 1s ease-out 1;
animation-delay: 1s;
opacity: 0;
}
@keyframes txt1{
0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;}
}
.txt2{
animation: txt2 1s ease-out 1;
animation-delay: 2s;
opacity: 0;
}
@keyframes txt2{
0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;}
}
.txt3{
animation: txt3 4.5s ease-out 1;
animation-delay: 3.2s; opacity: 0;
}
@keyframes txt3{
0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;}
}
.txt4{
animation: txt4 2s ease-out 1;
animation-delay: 7.2s; opacity: 0;
}
@keyframes txt4{
0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;}
}
.txt5{
animation: txt5 5s ease-out 1;
animation-delay: 11s; opacity: 0;
}
@keyframes txt5{
0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;}
}
.txt6{
animation: txt6 6s ease-out 1;
animation-delay: 16s; opacity: 0;
}
@keyframes txt6{
0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;}
}
</style>
</head>
<body>
<div class="container">
<div class="smily_body"></div>
<div class="smily_eye"></div>
<div class="smily_smile"></div>
<div class="smily_tounge">
<div class="smily_tounge_line"></div>
</div>
</div>
<div class="glass">
<div class="frame"></div>
</div>
<div class="msg">
<p class="msg1 txt1">My fACE</p>
<p class="msg1 txt2">huh.. <br/>Yo! Namste! Hola! Konicheewah!</p>
<p class="msg1 txt3">hE is little ShY, sorRY, hE RAN Away :( <br/> BTW, Don't Compensate with Upvotes and share</p>
<p class="msg1 txt4">Sayonara! See you later ,</p>
<p class="msg1 txt5">Oyee!!! No animations Now, <br/> Byee Happy Coding </p>
<p class="msg1 txt6">You still here... ok then How's my Goggles? <br/> Looking awesome ha? </p>
</div>
</body>
</html>
[/tex]