SKI_V7_1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #box1{

            width: 250px;
            height: 250px;
            position: absolute;
            top: 80px;
            left:80px;
            background: linear-gradient(to right, #85DFFD , #0DAEE2);
        }

        #box2{
            width: 250px;
            height: 250px;
            background: linear-gradient(to top right, #F6290C,#f16f5c 50%,#f85032,#F6290C 50%);
            transform: rotate(45deg);
            animation-name: animacija;
            animation-duration: 5s;
            animation-iteration-count: infinite;


        }

        @keyframes animacija {
            from{transform: rotate(45deg)}
            to{  transform: rotate(405deg)}
        }
    </style>
</head>
<body>

<div id="box1"/>

<div id="box2"/>


</body>
</html>