Art, asked by amru12, 8 months ago

how to do animation in brainly for asking questions, and answering in brainly (not like uploading pictures) like few ask questions, answer questions using animations

like Darshini1359​

Answers

Answered by Dharshini1359
0

Answer:

me thank u but my name is dharshini1359

Explanation:

plz mark me as brainliest

&lt;!DOCTYPE html&gt;</p><p></p><p></p><p>&lt;html lang="en"&gt;</p><p></p><p></p><p>&lt;head&gt;</p><p></p><p></p><p>&lt;title&gt;Doraemon&lt;/title&gt;</p><p></p><p></p><p>&lt;/head&gt;</p><p></p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="head"&gt;</p><p></p><p>&lt;div class="eye_white"&gt;</p><p></p><p>&lt;ul&gt;</p><p></p><p>&lt;li&gt;&lt;div class="eye_black"&gt;&lt;/div&gt;&lt;/li&gt;</p><p></p><p>&lt;li&gt;&lt;div class="eye_black"&gt;&lt;/div&gt;&lt;/li&gt;</p><p></p><p>&lt;/ul&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class="white"&gt;</p><p></p><p>&lt;div class="line_left"&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class="line_right"&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class="nose"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="line_vertical"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="mouth"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>.head{</p><p></p><p>	width:600px;</p><p></p><p>	height:600px;</p><p></p><p>	border-radius:100%;</p><p></p><p>	background:#3c9dca;</p><p></p><p>	border: black solid thick;</p><p></p><p>}</p><p></p><p>.white{</p><p></p><p>width: 524px;</p><p></p><p>height: 462px;</p><p></p><p>border-radius: 100%;</p><p></p><p>position: relative;</p><p></p><p>top: 120px;</p><p></p><p>left: 38px;</p><p></p><p>background: #FFF;</p><p></p><p>border: black solid thin;</p><p></p><p>z-index: 0;</p><p></p><p>}</p><p></p><p>.eye_white {</p><p></p><p>position: relative;</p><p></p><p>top: 60px;</p><p></p><p>left: 130px;</p><p></p><p>z-index: 1;</p><p></p><p>}</p><p></p><p>.eye_white li{</p><p></p><p>width: 125px;</p><p></p><p>height: 152px;</p><p></p><p>border-radius: 100%;</p><p></p><p>background: #FFF;</p><p></p><p>list-style:none;</p><p></p><p>border: black solid thin;</p><p></p><p>display:block;</p><p></p><p>float:left;</p><p></p><p>}</p><p></p><p>.eye_black{</p><p></p><p>width: 25px;</p><p></p><p>height: 45px;</p><p></p><p>border-radius: 100%;</p><p></p><p>background: #000;</p><p></p><p>list-style:none;</p><p></p><p>top: 80px;</p><p></p><p>position:relative;</p><p></p><p>border: black solid thin;</p><p></p><p>display:block;</p><p></p><p>left: 10px;</p><p></p><p>-webkit-animation:move 6s ease infinite;</p><p></p><p> animation:move 6s ease infinite;</p><p></p><p>}</p><p></p><p>@-webkit-keyframes move {</p><p></p><p>  16%{top:95px;left:30px;}</p><p></p><p>  32%{top:100px;left:60px;}</p><p></p><p>  48%{top:80px;left:90px}</p><p></p><p>  64%{top:100px;left:60px}</p><p></p><p>  80%{top:95px;left:30px}</p><p></p><p>}</p><p></p><p>@keyframes move {</p><p></p><p>  16%{top:95px;left:30px;}</p><p></p><p>  32%{top:100px;left:60px;}</p><p></p><p>  48%{top:80px;left:90px}</p><p></p><p>  64%{top:100px;left:60px}</p><p></p><p>  80%{top:95px;left:30px}</p><p></p><p>}</p><p></p><p>.eye_black::before{</p><p></p><p>	content:'';</p><p></p><p>width: 10px;</p><p></p><p>height: 15px;</p><p></p><p>border-radius: 100%;</p><p></p><p>background: #fff;</p><p></p><p>list-style: none;</p><p></p><p>top: 16px;</p><p></p><p>position: relative;</p><p></p><p>display: block;</p><p></p><p>left: 7px;</p><p></p><p>}</p><p></p><p>.line_left{</p><p></p><p>width: 150px;</p><p></p><p>height:2px;</p><p></p><p>transform:rotate(20deg);</p><p></p><p>top: 90px;</p><p></p><p>left: 14px;</p><p></p><p>position:relative;</p><p></p><p>border-radius: 10%;</p><p></p><p>background: #000;</p><p></p><p>list-style: none;</p><p></p><p>display: block;</p><p></p><p>}</p><p></p><p>.line_left::before{</p><p></p><p>content:'';</p><p></p><p>width: 150px;</p><p></p><p>height:2px;</p><p></p><p>top: 70px;</p><p></p><p>transform:rotate(-20deg);</p><p></p><p>position:relative;</p><p></p><p>border-radius: 10%;</p><p></p><p>background: #000;</p><p></p><p>list-style: none;</p><p></p><p>display: block;</p><p></p><p>}</p><p></p><p>.line_left::after{</p><p></p><p>content:'';</p><p></p><p>transform:rotate(-40deg);</p><p></p><p>width: 150px;</p><p></p><p>height:2px;</p><p></p><p>top: 120px;</p><p></p><p>left: 30px;</p><p></p><p>position:relative;</p><p></p><p>border-radius: 10%;</p><p></p><p>background: #000;</p><p></p><p>list-style: none;</p><p></p><p>display: block;</p><p></p><p>}</p><p></p><p>.line_right{</p><p></p><p>width: 150px;</p><p></p><p>height:2px;</p><p></p><p>transform:rotate(160deg);</p><p></p><p>top: 90px;</p><p></p><p>left: 370px;</p><p></p><p>position:relative;</p><p></p><p>border-radius: 10%;</p><p></p><p>background: #000;</p><p></p><p>list-style: none;</p><p></p><p>display: block;</p><p></p><p>}</p><p></p><p>.line_right::before{</p><p></p><p>content:'';</p><p></p><p>width: 150px;</p><p></p><p>height:2px;</p><p></p><p>bottom: 100px;</p><p></p><p>position:relative;</p><p></p><p>transform:rotate(30deg);</p><p></p><p>border-radius: 10%;</p><p></p><p>background: #000;</p><p></p><p>list-style: none;</p><p></p><p>display: block;</p><p></p><p>left:20px;</p><p></p><p>}</p><p></p><p>.line_right::after{</p><p></p><p>content:'';</p><p></p><p>width: 150px;</p><p></p><p>height:2px;</p><p></p><p>bottom: 50px;</p><p></p><p>transform:rotate(10deg);</p><p></p><p>left: 0px;</p><p></p><p>position:relative;</p><p></p><p>border-radius: 10%;</p><p></p><p>background: #000;</p><p></p><p>list-style: none;</p><p></p><p>display: block;</p><p></p><p>}</p><p></p><p>.nose{</p><p></p><p>width: 45px;</p><p></p><p>height: 45px;</p><p></p><p>border-radius: 100%;</p><p></p><p>background: #b90319;</p><p></p><p>list-style: none;</p><p></p><p>top: 60px;</p><p></p><p>position: relative;</p><p></p><p>border: black solid thin;</p><p></p><p>display: block;</p><p></p><p>left: 236px;</p><p></p><p>z-index:2;</p><p></p><p>}</p><p></p><p>.nose::after{</p><p></p><p>content: '';</p><p></p><p>width: 15px;</p><p></p><p>height: 15px;</p><p></p><p>border-radius: 100%;</p><p></p><p>background: #FFF;</p><p></p><p>list-style: none;</p><p></p><p>top: 19px;</p><p></p><p>position: relative;</p><p></p><p>border: black solid thin;</p><p></p><p>display: block;</p><p></p><p>left: 9px;</p><p></p><p>}</p><p></p><p>.line_vertical{</p><p></p><p>width: 2px;</p><p></p><p>height: 310px;</p><p></p><p>top: 40px;</p><p></p><p>left: 258px;</p><p></p><p>position: relative;</p><p></p><p>border-radius: 10%;</p><p></p><p>background: #000;</p><p></p><p>z-index: 1;</p><p></p><p>}</p><p></p><p>.mouth{</p><p></p><p>width: 400px;</p><p></p><p>height: 400px;</p><p></p><p>border-radius: 100%;</p><p></p><p>top: -358px;</p><p></p><p>left: 62px;</p><p></p><p>position: relative;</p><p></p><p>background: #000;</p><p></p><p>z-index: -1;</p><p></p><p>}</p><p></p><p>.mouth::after{</p><p></p><p>content: '';</p><p></p><p>width: 402px;</p><p></p><p>height: 401px;</p><p></p><p>top: -4px;</p><p></p><p>left: -1px;</p><p></p><p>border-radius: 100%;</p><p></p><p>position: relative;</p><p></p><p>display: block;</p><p></p><p>background: #FFF;</p><p></p><p>}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Answered by srijal05trhakur
0

Answer:

sis!!

pen Powerpoint.

■Click on the object you would like to animate.

■Go to the "Animations" tab.

■Select the animation you would like.

■Click “Add Animation” to add extra animations to an object.

■Click “Animation pane” (optional).

■Select an activation option for the animation.

■Adjust the animation delay.

Animation is a dynamic medium in which images or objects are manipulated to appear as moving images. In traditional animation the images were drawn by hand on cels to be photographed and exhibited on film

Similar questions