Html code to draw a Moving star

-
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        @keyframes moveStar {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(100vw);
            }
        }

        .star {
            width: 50px;
            height: 50px;
            background-color: red;
            clip-path: polygon(50% 0%, 61.8% 38.2%, 100% 50%, 61.8% 61.8%, 50% 100%, 38.2% 61.8%, 0% 50%, 38.2% 38.2%);
            position: absolute;
            animation: moveStar 4s linear infinite;
        }

        body {
            margin: 0;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <div class="star"></div>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

2.0 gram of a metal burst in oxygen give 3.2 gram of its oxide. 1.42 gram of the same metal heat in steam give 2.27 gram of its oxide which toys shown by this data?

-
Ques : 2.0 gram of a metal burst in oxygen give 3.2 gram of its oxide. 1.42 gram of the same metal heat in steam give 2.27 gram of its oxide which toys shown by this data?  Ans : In the first compound, 3.2 gram of metal oxide contained 2.0 gram of metal 100 gram of metal oxide contained metal =2.0/3.2 × 100= 62.5 g :· % metal in first compound= 62.5% In the second compound, 2.27 gram of metal oxide contains metal = 1.42 gram 100 gram of metal oxide contains the metal= 1.42/2.27×100=62.55 gram :· % metal in first compound= 62.55% Thus, the percentage of metal in metal oxide obtained from to experiment is nearly same. Hence, the above data illustrate the law of constant composition.  <<   Previous                                                       Next   >>
Read more

Test and Measurement in Sports Case Study Based Questions Chapter 6 Class 12 Physical education

-
 1. Mr. Lakshman, aged 65 years worked as a civil engineer in a construction company. He had to walk and climb a lot as part of his job. After retirement, he settled with his son spending time with his grandchildren. Now a days he is experiencing difficulty in doing certain chores which involves physical movement.  (i) Which of the following tests would you recommend to check Mr. Lakshman’s fitness? (a) Harvard step test  (b) Rikli & Jones test (c) AAHPER test (d) Rock port test (ii) How many series of tests are there in the prescribed fitness test for Mr. Lakshman? (a) 8  (b) 6 (c) 5  (d) 4 (iii) Chair sit & reach test is done to check ____________ (a) Agility (b) Speed (c) Flexibility (d) Strength (iv) Pick the odd one out. (a) Arm curl test (b) Chair stand test (c) 6 min walk test (d) Partial curl up (v) The 8 foot up &go test, as shown in the picture is performed to assess _________ (a) Agility (b) Endurance (c) Speed (d) Strength 2. (i) Both the...
Read more

Biomechanics and Sports Mcqs chapter 8 Class 12 Term 1 Objective questions Physical education

-
 1. The laws of ……… are concerned with internal and external forces acting on human body.  (a) Gravitation  (b) Motion  (c) Momentum  (d) Energy Ans : (b) Motion 2. Which of the following is not a type of movement related to physical activity? (a) Extension  (b) Contraction  (c) Abduction  (d) Adduction Ans : (b) Contraction 3. Identify the motion most commonly seen in shoulder and hip joints. (a) Flexion  (b) Rotation  (c) Circumduction  (d) Extension Ans : (c) Circumduction 4. When a player lifts his arm to hit a ball in the game of lawn Tennis, then it is which movement? (a) Extension  (b) Flexion  (c) Rotation  (d) Abduction Ans : (d) Abduction 5. Biomechanics as used in sports is considered to be a branch of which of these? (a) Physics  (b) Kinesiology  (c) Physiology  (d) Anatomy Ans : (b) Kinesiology 6. In the given image, identify the movement. (a) Abduction  (b) Flexion  (c) Addu...
Read more

Sports and Nutrition Revision notes Class 12 Chapter 2 Physical education

-
Image
          Balanced Diet and Nutrition A Balanced diet can be defined as ‘A diet which consists of all the essential food constituents, viz., proteins, carbohydrates, fats, vitamins, minerals and water in correct proportion. In other words, it means eating the right amount of food from all food groups which provides all essential food constituents necessary for growth and maintenance of the body. Nutrition can be defined as the science of food and its relationship with health. It includes a dynamic processin which the food consumed is digested, nutrients are absorbed and distributed to the tissues for utilisation and wastes are disposed of the body. Nutrients are the chemicals derived from the food consumed and used by the body for proper functioning. There are two kinds of nutrients that we consume in the form of food. They are discussed below: (1) Macro Nutrients These constitute the majority of an individual’s diet and thus can be taken in large amounts. They ...
Read more