夜空中最亮的星html

2023-03-22 20:31:17 浏览数 (1)

代码语言:javascript复制
以下是一个使用HTML和CSS实现夜空中最亮的星的示例代码:

html
<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8" />  
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />  
    <title></title>  
    <style>  
        body {  
            font-family: Arial;  
        }  
  
        .star {  
            position: relative;  
            z-index: 2;  
            left: 50%;  
            transform: translateX(-20vw);  
            opacity: 0;  
            transition: opacity 1s ease-in-out;  
        }  
  
        .star:hover {  
            opacity: 1;  
        }  
  
        .dot {  
            position: absolute;  
            top: 10px;  
            left: 10px;  
            width: 50px;  
            height: 50px;  
            border-radius: 25px;  
            background-color: black;  
            animation: blink 2s linear infinite alternates;  
        }  
  
        @keyframes blink {  
            from {}  
            to {bottom = -100% * (Math.sin(

0 人点赞