which of the following settings is not used for positioning of graphic
Answers
Answer:
[tx]<!DOCTYPE html>
<html lang="en">
<head>
<title>Cat in night</title>
</head>
<body>
<div id="wrapper">
<section class="sky">
<div class="moon"></div>
<ul>
<li class="cloud"></li>
<li class="cloud"></li>
<li class="cloud"></li>
</ul>
</section>
<section class="wall">
<section class="cat">
<div class="cat-head">
<div class="eyes">
<div class="eye"></div>
<div class="eye"></div>
</div>
</div>
<div class="cat-body">
<div class="tail"></div>
</div>
</section>
</section>
</div>
<style>
.sky {
height: 300px;
background: radial-gradient(#112A71, #000A31);
overflow: hidden;
position: relative; }
.sky .moon {
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #FEFF79;
-webkit-box-shadow: 0 0 150px #FEFF79, inset 0 1px 20px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 150px #FEFF79, inset 0 1px 20px rgba(0, 0, 0, 0.3);
position: absolute;
top: 30px;
right: 100px; }
.sky .cloud {
width: 80px;
height: 30px;
background-color: #8D8D8D;
border-radius: 50px;
-webkit-box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.3);
position: relative;
top: 60px;
left: 30px;
-webkit-animation: shift 100s infinite linear;
animation: shift 100s infinite linear; }
.sky .cloud:nth-child(2) {
-webkit-transform: scale(-1.5, 1.3);
transform: scale(-1.5, 1.3);
top: 100px;
left: 250px;
-webkit-animation-duration: 40s;
animation-duration: 40s; }
.sky .cloud:last-child {
top: 150px;
left: 100px;
-