apps for preparation of news articles like the above article
Answers
Explanation:
<!DOCTYPE html>
<html>
<head></head>
<body bgcolor="#000G0">
<h1>
<div class="pop">
<div class="ggg" id="aaa">@</div>
<div class="ggg" id="bbb">@</div>
<div class="ggg" id="ccc">@</div>
<div class="ggg" id="ddd">@</div>
<div class="ggg" id="eee">@</div>
<div class="ggg" id="fff">@</div>
</div>
</h1>
<h2>
<div class="pop">
<div class="ggg" id="aaa">₪</div>
<div class="ggg" id="bbb">₪</div>
<div class="ggg" id="ccc">₪</div>
<div class="ggg" id="ddd">₪</div>
<div class="ggg" id="eee">₪</div>
<div class="ggg" id="fff">₪</div>
</div>
</h2>
<h3>
<div class="pop">
<div class="ggg" id="aaa">©</div>
<div class="ggg" id="bbb">©</div>
<div class="ggg" id="ccc">©</div>
<div class="ggg" id="ddd">©</div>
<div class="ggg" id="eee">©</div>
<div class="ggg" id="fff">©</div>
</div>
</h3>
</body>
</html>
.pop,
.ggg {
width: 120px;
height: 120px;
border:10px;
font-size: 100px;
text-align: center;
}
.ggg {
position: absolute;
}
.pop {
margin: 50px auto;
}
.ggg#aaa {
background-color:
#0000CD;
transform: rotateX(90deg) translateZ(35px);
}
.ggg#bbb {
background-color:
#0FFFFF;
transform:translateZ(35px);
}
.ggg#eee {
background-color: #0FFFFF;
transform:translateZ(-35px);
}
.ggg#ccc {
background-color: #FF1493;
transform: rotateY(90deg) translateZ(35px);
}
.ggg#ddd {
background-color: #FF1493;
transform: rotateY(-90deg) translateZ(35px);
}
.ggg#fff {
background-color: #0000CD;
transform: rotateX(-90deg) translateZ(35px);
}
.pop {
transform-style: preserve-3d;
}
.pop{
animation: rotate 2s infinite linear;
}
@keyframes rotate {
0% {transform:rotateX(0deg) rotateY(0deg);}
100%{transform:rotateX(360deg) rotateY(360deg);}
}
[/tex]