uestion 5:
Write a program to enter time in seconds and convert them into HOURS,
MINUTES and SECONDS.
Answers
Answer:
[/tex][tex]
<div class="emoji emoji_robot">
<div class="emoji__siren"></div>
<div class="emoji__face">
<div class="emoji__connector"></div>
<div class="emoji__eyes">
<div class="emoji__eye"></div>
<div class="emoji__eye"></div>
</div>
<div class="emoji__nose"></div>
<div class="emoji__mouth"></div>
</div>
</div>
<style>
:root {
--color-white: #fff;
--color-dark: #4b4241;
--color-bg: #fffcee;
--tooth-pos: 6px;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
height: 100vh;
width: 100vw;
padding: 30px;
display: grid;
place-items: center;
background-color: var(--white);
}
.emoji {
width: 106px;
height: 106px;
position: relative;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 26%;
box-shadow: inset -8px -7px 0px rgba(0, 0, 0, 0.05);
}
.emoji_robot {
background: #54cae2;
background: linear-gradient(180deg, #6ed0e4 0%, #4abbe3 50%, #4ec2e5 100%);
}
.emoji_robot .emoji__siren {
position: absolute;
top: -4px;
left: 50%;
border-radius: 3px;
width: 18px;
height: 10px;
background-color: var(--color-dark);
margin-left: -9px;
}
.emoji_robot .emoji__siren::before {
content: '';
position: absolute;
top: -7px;
width: 14px;
height: 7px;
background: #f9dc2e;
background: radial-gradient(circle, #f9dc2e 0%, #f9a02e 100%);
margin-left: -7px;
left: 50%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
animation: flasher 0.5s ease-in-out infinite;