chatgpt練習(1秒生成酷炫網頁特效)

2023/03/30閱讀時間約 3 分鐘

<!DOCTYPE html>
<html>
  <head>
    <title>旋轉矩形</title>
    <style>
      /* 定義黑色正方形樣式 */
      #box {
        width: 200px;
        height: 200px;
        background-color: black;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      /* 定義螢光綠色邊條樣式 */
      #border {
        width: 100%;
        height: 100%;
        border: 5px solid #00ff00;
        border-radius: 10px;
        position: relative;
        animation: rotate 5s linear infinite;
      }
      /* 定義旋轉動畫 */
      @keyframes rotate {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(-360deg);
        }
      }
      /* 定義文字樣式 */
      #text {
        color: white;
        font-size: 48px;
        font-weight: bold;
        text-align: center;
        line-height: 200px;
      }
    </style>
  </head>
  <body>
    <div id="box">
      <div id="border">
        <div id="text">Line</div>
      </div>
    </div>
  </body>
</html>

這段代碼會創建一個黑色正方形，其中包含一個螢光綠色邊條和一個顯示 "Line" 文字的正方形，邊條會逆時針旋轉。使用CSS中的position和transform屬性可以將正方形放置在畫面中央。使用animation屬性可以實現旋轉動畫。

即將進入廣告，捲動後可繼續閱讀

為什麼會看到廣告

于正龍（Ricky）的沙龍

31會員

48內容數

人工智能工作經驗跟研究

留言0

查看全部

發表第一個留言支持創作者！

于正龍（Ricky）的沙龍的其他內容

chatgpt_對話練習(網站製作)

chatgpt對話練習(網站製作基礎)

#ChatGPT

sqlmap練習

Microsoft Windows [版本 10.0.19044.2604] (c) Microsoft Corporation. 著作權所有，並保留一切權利。 C:\Users\ricky\Desktop\sqlmap-dev>python sqlmap.conf File "C:\Users

#Windows #Max

暴力測試URL(暴力嘗試網站目錄)

一個網站可能除了首頁以外還會有其他的相關網站例如/admin ,login/ ,home.php ,/root/等等但是又不一定於是互聯網上就有一些words清單像是裡面就有存放各種可能的目錄名稱例如給定一個網址在網址尾端增加/admin"有可能"就會連到後台但是人手工一個一個去試去猜實

#測試 #暴力 #網站

在windows上建立kail linux python開發環境

在Microsoft store 搜尋 kail linux 並安裝(這裡假設你已經先安裝WSL) 之後執行kail linux 終端機依序輸入以下指令: 上面主要是做一些更新(update and upgrade),然後安裝python3, python3-venv(虛擬環境)之後建立一個名為b

#環境 #開發

社交工程攻擊：創建虛假簡訊

社交工程是歷史上一些最大的黑客攻擊的關鍵手段！許多新手黑客過於專注於掌握黑客的技術方面，以至於他們忽視了社交工程的力量，這會給他們帶來危險。當俄羅斯的 Sandworm 黑客團隊（技術最先進的黑客組織之一）使用社會工程入侵烏克蘭的電網和美國 2016 年總統大選，這顯示出了社交工程的重要性

#社交 #工程 #攻擊

sqlmap自學初探

sqlmap是一個python的滲透測試工具 SQL 注入 **SQL 注入（SQL injection）**利用了網路程式（Web apps）的錯誤輸入。駭客可以透過執行後端資料庫的網路程式，惡意繞過 SQL 指令。 SQL 注入能在未授權的情況下，直接從資料庫訪問資料庫與檢索信息。許多數據洩露肇