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

IPL 2023 Season Summary || Moments of IPL 2023

-
  -  GT vs CSK  - Tushar Deshpande, the first-ever impact sub, proves too expensive. Williamson tears his ACL -  LSG vs DC  - Mark Wood fifer decimates Delhi -  RCB vs MI  - Back at Chinnaswamy, RCB smash MI. Kohli and Faf both got fifties -  CSK vs LSG  - CSK win a high scoring thriller by 12 runs. The difference - Dhoni's two sixes at the death -  KKR vs RCB  - Visitors outdone by spin. Suyash Sharma gets 3 on debut. Varun takes 4 and Shardul scores a match-winning 50 -  MI vs CSK  - Welcome back, Ajinkya Rahane. Scores his fastest IPL fifty -  GT vs KKR  - The Rinku game. Nothi ng more to say -  RCB vs LSG  - Pooran, Stoinis chase down 212. Avesh throws his helmet. Gambhir shushes the crowd. Harshal's failed mankad attempt -  DC vs MI  - MI win off the final ball, running 2 runs. Although Nortje nails 6 out of 6 Yorkers -  RR vs CSK  - Vintage Dhoni almost wins CSK an improbable g...
Read more

Solar System, Planets, Moons, Asteroid Belt,Kuiper Belt and Oort Cloud, Comets and Meteoroids

-
Image
 The solar system consists of the Sun, which is a star at its center, and all the celestial bodies bound by its gravitational pull. These bodies include planets, moons, asteroids, comets, and other objects. Key Components of the Solar System: The Sun : The Sun is the center of the solar system and contains about 99.86% of its mass. It is a star primarily composed of hydrogen and helium, providing the heat and light that sustains life on Earth. Planets : There are eight recognized planets in the solar system: Mercury : The closest planet to the Sun, known for extreme temperature variations and no atmosphere. Venus : Similar in size to Earth but with a thick, toxic atmosphere and surface temperatures hot enough to melt lead. Earth : The third planet from the Sun, the only known planet to support life, with water and a breathable atmosphere. Mars : Known as the Red Planet, it has a cold, dry surface and signs of past water. Jupiter : The largest planet, a gas giant, w...
Read more

Data Mining || Supervised vs. Unsupervised Techniques || Dimensionality Reduction || Partitioning Methods

-
Image
                          Data Mining Need for Data Mining Data mining is the process of extracting meaningful patterns, trends, and knowledge from large datasets. Its need arises from: Data Explosion : Organizations generate massive amounts of data that need to be analyzed effectively. Decision-Making : It supports informed decision-making by identifying hidden patterns and correlations. Competitive Advantage : Helps businesses optimize processes, enhance customer relationships, and forecast trends. Automation : Reduces manual data analysis efforts and increases efficiency. Problem-Solving : Detects anomalies, predicts outcomes, and aids in problem-solving across domains. Data Mining Tasks Classification : Assigning items to predefined categories (e.g., spam email detection). Clustering : Grouping similar data points together without predefined labels (e.g., customer segmentation). Regression : Predicting ...
Read more