使用 html css 和 javascript 的秒錶在 instagram 上關注我們... https://www.instagram.com/webstreet_code/

在 Instagram 上追蹤我們：https://www.instagram.com/webstreet_code/

    
    
    秒錶標題>
    



    身體{
        顯示：柔性；
        調整內容：居中；
        對齊項目：居中；
        高度：100vh；
        背景顏色：#282c34；
        顏色：白色；
        字型系列：Arial、Helvetica、sans-serif；
        彎曲方向：列；
    }

    。鐘{
        顯示：柔性；
        彎曲方向：列；
        對齊項目：居中；
        下邊距：20px；
    }
    .鐘面{
            寬度：300px；
            高度：300px；
            背景顏色：#282c34；
            邊界半徑：50%；
            位置：相對；
            框陰影: 0 0 40px 1px rgb(56, 56, 62);
        }
        。手 {
            寬度：36%；
            高度：4px；
            背景：#58f5db；
            位置：絕對；
            頂部：50%；
            左：11%；
            變換源：100%；
            變換：旋轉（90度）；
            轉換計時功能：緩入緩出；
            過渡：全部0.05s；
        }

        。二手{
            背景顏色：藍色；
            z 索引：1；
        }

        。圓圈 {
            高度：20px；
            寬度：20px；
            邊界半徑：50%；
            背景顏色：白色；
            位置：絕對；
            頂部：48%；
            左：44%；
            z 指數：0.8；
        }

        .內圓{
            高度：10px；
            寬度：10px；
            邊界半徑：50%；
            背景顏色：藍色；
            邊距：自動；
            上邊距：5px
        }
        /* 時鐘標記 */
        .標記{
            位置：絕對；
            寬度：100%；
            高度：100%；
            顯示：柔性；
            調整內容：居中；
            對齊項目：居中；
            /* 變換：translateY(-50%); */
        }

        .markings div {
            位置：絕對；
            字體大小：16px；
            變換：翻譯（-50%，-50%）；
        }

        。打鉤{
            寬度：2px；
            高度：10px；
            背景顏色：白色；
            位置：絕對；
            變換原點：中心；
        }

        。數位的 {
            字體大小：24px；
            位置：絕對；
            頂部：20%；
            寬度：100%；
            文字對齊：居中；
        }


        .按鈕{
            顯示：柔性；
            間隙：20px；
        }
        我{
            字體大小：40px；
            遊標：指針；
        }.fa-play{
            背景顏色：藍色；
            內邊距：10px；
            邊界半徑：50%；
        }
        .fa-停止{
          顏色: 紅色;
          字體大小：45px
        }




        .fa-向右旋轉{
            邊距：8px；
            左邊距：35px；
        }

風格>



















頭>


    <div>




          </div>

            
        

以上是使用 html css 和 javascript 的秒錶在 instagram 上關注我們... https://www.instagram.com/webstreet_code/的詳細內容。更多資訊請關注PHP中文網其他相關文章！