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

Kinematics Important Questions Of Physics

-
Ques 1. Mention the condition when an object is in motion (a) can be considered point object (b) can not be considered point object.  Ans . An object can be considered as a point object if (a) its size is negligible in comparison to the distance travelled by object (b) it's size is not negligible in comparison to the distance travelled by object. Ques 2 . Can Earth be regarded as a point object when it is describing its really journey around the sun? Ans.  Yes, because the diameter of earth is very small as compared to the radius of the orbital path of earth around the sun.   Ques 3. Can the speed of a body be negative?   Ans . No, because the speed of an object is the distance travelled by the by object in unit time and distance can never be negative. Ques 4. which speed is measured by the speedometer of your scooter?  Ans . The Speedometer measure the instantaneous speed of the scooter at a given instant of time. Ques 5.What does th...
Read more

Changing Trends And Career in Physical Education Solutions || Objective Type Questions || Objective Answers Chapter 1 Class 11 Solution || Physical Education ||

-
Ques 1: “Physical Eduction is the sum of changes in an individual caused by experience centring motor activity” Who said this? (a) Prince martin  (b) Millions (c) Charls A.Butchar  (d) Cassidy Ans :  (d) Cassidy Ques 2: “Physical Education is the sum of men’s physical activities selected as to kind and conducted as to outcomes” who said this? (a) C.C.Covel  (b) Charls A Butcha (c) Williams  (d) J.B. Nash Ans :  (c) Williams Ques 3 : How many objectives of physical Education are there? (a) Four  (b) Five (c) Three  (d) Six Ans : (b) Five Ques 4 : What is the aim of physical Education? (a) Physical development  (b) Motor development (c) Mental Development  (d) All Round development Ans : (d) All Round development Ques 5: Sports management is based upon....? (a) Efficient and Talented officials  (b) Smart and clever officials (c) Weak and Greedy officials  (d) None of these  Ans : (a) Efficient and Talented of...
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

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

Vectors important questions of physics || Important question of PHYSICS || Important question of Basic Mathematics || MOTION IN A PLANE || Physics||

-
Ques 1 : A vector “A” makes an angle of 20° and vector B makes an angle of 110°  with the x-axis. The magnitudes of these two vectors are 3m and 4m respectively. Find the resultant.  Ans : The angle between two vectors,  A vector and  B vector is 90°. Magnitude of | A| and | A |, |A|= 3 and |B|=4 The resultant vector, say R= √(A² + B² + 2𝐴𝐵𝐶𝑜𝑠𝜃) = 5 m  Let angle β be the angle between A and B then,  β= tan^ -1(4 sin 90° /3+4 cos 90°)= tan^-1(4/3) =53° The angle between resultant vector and x axis = 53°+ 20° = 73°. Ques 2 : Add vectors A, B and C each having magnitude of 100 unit and inclined to the x-axis at angles 45°, 135° and 315° respectively.  Ans: Let A , B and C are three vectors of magnitude 100 unit each.  |A|=|B|=|C|= 100 unit  x-components of vector A = 100 cos 45° = 100/ √2 unit.  x-components of vector B = 100 cos 135° = -100/ √2 unit x-components of vector C = 100 cos 315°= 100/ √2 unit.  So, resultant x-compo...
Read more