Math, asked by tulsisonaiya192, 9 months ago

solve this question with full method... please

Attachments:

Answers

Answered by kriti124

$<!DOCTYPE html> <html lang="en"> <head> <title>Project name</title> </head> <div ng-app="app" ng-controller="AppController"> <svg viewBox="0 0 605 804"> <polygon ng-repeat="item in items" ng-class="item.class" fill="{{item.hex}}" points="{{item.svg}}"/> </svg> </div> <style> $random: 1600; @function rand($val) { @if (random($val)) > $val/2{ @return percentage(random($val)/100); } @else { @return - percentage(random($val)/100); } } @mixin animation($name){ @-webkit-keyframes #{$name}{ @content; } @-moz-keyframes #{$name}{ @content; } @-o-keyframes #{$name}{ @content; } @keyframes #{$name}{ @content; } } @include animation(anim){ 0% { opacity: 0; transform: translate3d(rand($random), rand($random), 0); } 30%, 70% { opacity: 1; transform: translate3d(0, 0, 0); } 100% { opacity: 0; transform: translate3d(rand($random), rand($random), 0); } } body { background: #1a1a1a; display: flex; align-items: center; justify-content: center; min-height: 400px; } svg { height: 100%; left: 0; position: relative; width: 100%; polygon { opacity: 0; transform-box: fill-box; -webkit-animation: anim 6s ease-in-out infinite; -moz-animation: anim 6s ease-in-out infinite; -o-animation: anim 6s ease-in-out infinite; animation: anim 6s ease-in-out infinite; } } </style> </body> </html>$

Previous Question

Next Question

solve this question with full method... please​

Answers

solve this question with full method... please