Math, asked by Sandhyakuthe420890, 9 months ago

Simplity
S
3
100
+2+
용
- 0
10

Answers

Answered by aishi2020

$<!DOCTYPE html><html><head><title>CSS Heart Animation</title><style>.back{position:fixed;margin:auto;width:100%;heart:100%;top:0;bottom:0;left:0;right:0;padding:0;background-color:white;animation-name:back;animation-duration:3s;animation-iteration-count:infinite;}.heart{background-color:pink;margin:50% auto;top:0;bottom:0;right:0;left:0;padding:0;height:50px;width:50px;transform:rotate(-45deg);animation-name:heart;animation-duration:3s;animation-timing-function:ease-out;animation-iteration-count:infinite;}.heart:before,.heart:after{background-color:pink;position:absolute;content:"";width:50px;height:50px;border-radius:50%;}.heart:before{left:25px;}.heart:after{left:0;top:-25px;}@keyframes heart{0%{transform:scale(1)rotate(-45deg);}50%{transform:scale(0.6)rotate(-45deg);}}@keyframes back{0%{background-color:white;opacity:1;}50%{background-color:#ff0099;}}</style></head><body><div class="back"></div><div class="heart"></div></body></html>$

Answered by krishna02299

Answer:

$<!DOCTYPE html> <html> <svg width="100%" height="300px">\ \textless \ br /\ \textgreater \ <g id="R1" transform="translate(250 250)"> \ \textless \ br /\ \textgreater \ <ellipse rx="100" ry="0" opacity=".3">\ \textless \ br /\ \textgreater \ <animateTransform attributeName="transform" type="rotate" dur="7s" from="0" to="360" repeatCount="indefinite" />\ \textless \ br /\ \textgreater \ <animate attributeName="cx" dur="8s" values="-20; 220; -20" repeatCount="indefinite" />\ \textless \ br /\ \textgreater \ <animate attributeName="ry" dur="3s" values="10; 60; 10" repeatCount="indefinite" />\ \textless \ br /\ \textgreater \ </ellipse>\ \textless \ br /\ \textgreater \ </g><use xlink:href="#R1" transform="rotate(72 390 150)" />\ \textless \ br /\ \textgreater \ <use xlink:href="#R1" transform="rotate(144 390 150)" />\ \textless \ br /\ \textgreater \ <use xlink:href="#R1" transform="rotate(216 390 150)" />\ \textless \ br /\ \textgreater \ <use xlink:href="#R1" transform="rotate(288 390 150)" />\ \textless \ br /\ \textgreater \ </svg></body></html>$

Previous Question

Next Question

SimplityS3100+2+용- 010​

Answers

Simplity
S
3
100
+2+
용
- 0
10