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中的positiontransform屬性可以將正方形放置在畫面中央。使用animation屬性可以實現旋轉動畫。
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
    人工智能工作經驗跟研究
    留言0
    查看全部
    avatar-img
    發表第一個留言支持創作者!
    chatgpt對話練習(網站製作基礎)
    Microsoft Windows [版本 10.0.19044.2604] (c) Microsoft Corporation. 著作權所有,並保留一切權利。 C:\Users\ricky\Desktop\sqlmap-dev>python sqlmap.conf File "C:\Users
    一個網站可能除了首頁以外還會有其他的相關網站 例如/admin ,login/ ,home.php ,/root/等等 但是又不一定於是互聯網上就有一些words清單 像是 裡面就有存放各種可能的目錄名稱 例如給定一個網址在網址尾端增加/admin"有可能"就會連到後台 但是人手工一個一個去試去猜實
    在Microsoft store 搜尋 kail linux 並安裝(這裡假設你已經先安裝WSL) 之後執行kail linux 終端機 依序輸入以下指令: 上面主要是做一些更新(update and upgrade),然後安裝python3, python3-venv(虛擬環境)之後建立一個名為b
    社交工程是歷史上一些最大的黑客攻擊的關鍵手段! 許多新手黑客過於專注於掌握黑客的技術方面,以至於他們忽視了社交工程的力量,這會給他們帶來危險。 當俄羅斯的 Sandworm 黑客團隊(技術最先進的黑客組織之一) 使用社會工程入侵烏克蘭的電網和美國 2016 年總統大選, 這顯示出了社交工程的重要性
    sqlmap是一個python的滲透測試工具 SQL 注入 **SQL 注入(SQL injection)**利用了網路程式(Web apps)的錯誤輸入。駭客可以透過執行後端資料庫的網路程式,惡意繞過 SQL 指令。 SQL 注入能在未授權的情況下,直接從資料庫訪問資料庫與檢索信息。許多數據洩露肇
    chatgpt對話練習(網站製作基礎)
    Microsoft Windows [版本 10.0.19044.2604] (c) Microsoft Corporation. 著作權所有,並保留一切權利。 C:\Users\ricky\Desktop\sqlmap-dev>python sqlmap.conf File "C:\Users
    一個網站可能除了首頁以外還會有其他的相關網站 例如/admin ,login/ ,home.php ,/root/等等 但是又不一定於是互聯網上就有一些words清單 像是 裡面就有存放各種可能的目錄名稱 例如給定一個網址在網址尾端增加/admin"有可能"就會連到後台 但是人手工一個一個去試去猜實
    在Microsoft store 搜尋 kail linux 並安裝(這裡假設你已經先安裝WSL) 之後執行kail linux 終端機 依序輸入以下指令: 上面主要是做一些更新(update and upgrade),然後安裝python3, python3-venv(虛擬環境)之後建立一個名為b
    社交工程是歷史上一些最大的黑客攻擊的關鍵手段! 許多新手黑客過於專注於掌握黑客的技術方面,以至於他們忽視了社交工程的力量,這會給他們帶來危險。 當俄羅斯的 Sandworm 黑客團隊(技術最先進的黑客組織之一) 使用社會工程入侵烏克蘭的電網和美國 2016 年總統大選, 這顯示出了社交工程的重要性
    sqlmap是一個python的滲透測試工具 SQL 注入 **SQL 注入(SQL injection)**利用了網路程式(Web apps)的錯誤輸入。駭客可以透過執行後端資料庫的網路程式,惡意繞過 SQL 指令。 SQL 注入能在未授權的情況下,直接從資料庫訪問資料庫與檢索信息。許多數據洩露肇
    你可能也想看
    Google News 追蹤
    Thumbnail
    徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
    Thumbnail
    隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
    Thumbnail
    提供 AI 下指令或提問題的提示(Prompts)範例及介紹相關外掛工具或擴充功能,還有實用的英文句型,讓你跟 ChatGPT 沉浸式練習視訊會議情境英語會話。
    Thumbnail
    提供 AI 下指令或提問題的提示(Prompts)範例及介紹相關外掛工具或擴充功能,還有實用的英文句型,讓你跟 ChatGPT 沉浸式練習求職面試情境英語會話。
    Thumbnail
    提供 AI 下指令或提問題的提示(Prompts)範例及介紹相關外掛工具或擴充功能,還有實用的英文句型,讓你跟 ChatGPT 沉浸式練習海關情境英語會話。
    Thumbnail
    提供 AI 下指令或提問題的提示(Prompts)範例及介紹相關外掛工具或擴充功能,還有實用的英文句型,讓你跟 ChatGPT 沉浸式練習機場情境英語會話。
    Thumbnail
    今天,我想要分享一個更為完整的攻略,每次需要花費50分鐘,能夠有效地強化聽、說、讀、寫的能力。
    Thumbnail
    最近幾週,各個區塊鏈上開始出現ChatGPT token,但這些通通都不是真正由微軟或是OpenAI所發行。目前已經有上百個假代幣在鏈上,各位投資者一定要小心 詐騙集團發行假ChatGPT Token
    Thumbnail
    方格子的最新主題中有一個與CHATGPT共同創作的挑戰項目,心裡有些疑惑的我,最後還是選擇踏出自己的第一步。和CH先生對談前,要有心理準備,你要面對的是一個超級新星,看得到他的機會遠少於看到他的廣告詞。沒看到他時,正好讓你思考,你真的很想和他交談嗎?花這個時間有意義嗎?也吃過閉門羹的你......
    Thumbnail
    這次互動的發想是,之前已經測試過ChatGPT身為「諮商師」的角色,是否能有效提供「個案」一些心理支持以及具體建議。那如果倒過來想:ChatGPT有沒有能力扮演「個案」的角色,而由我們使用者扮演「諮商師」的角色,來進行互動呢?
    Thumbnail
    現在這個充滿GPT開箱的年代,做什麼實測都感覺落伍。不過我覺得本文這兩個實測,即便不是最新穎,也算是方便好用且有益於生產力。 工作中,對我來說最困難的事情,就是快速量產。這裡寫兩個使用ChatGPT的案例,一個是寫作,一個是寫程式。後者是我的工作,我讓GPT融入我日常工作。 而下面二個實例,純展示結
    Thumbnail
    徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
    Thumbnail
    隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
    Thumbnail
    提供 AI 下指令或提問題的提示(Prompts)範例及介紹相關外掛工具或擴充功能,還有實用的英文句型,讓你跟 ChatGPT 沉浸式練習視訊會議情境英語會話。
    Thumbnail
    提供 AI 下指令或提問題的提示(Prompts)範例及介紹相關外掛工具或擴充功能,還有實用的英文句型,讓你跟 ChatGPT 沉浸式練習求職面試情境英語會話。
    Thumbnail
    提供 AI 下指令或提問題的提示(Prompts)範例及介紹相關外掛工具或擴充功能,還有實用的英文句型,讓你跟 ChatGPT 沉浸式練習海關情境英語會話。
    Thumbnail
    提供 AI 下指令或提問題的提示(Prompts)範例及介紹相關外掛工具或擴充功能,還有實用的英文句型,讓你跟 ChatGPT 沉浸式練習機場情境英語會話。
    Thumbnail
    今天,我想要分享一個更為完整的攻略,每次需要花費50分鐘,能夠有效地強化聽、說、讀、寫的能力。
    Thumbnail
    最近幾週,各個區塊鏈上開始出現ChatGPT token,但這些通通都不是真正由微軟或是OpenAI所發行。目前已經有上百個假代幣在鏈上,各位投資者一定要小心 詐騙集團發行假ChatGPT Token
    Thumbnail
    方格子的最新主題中有一個與CHATGPT共同創作的挑戰項目,心裡有些疑惑的我,最後還是選擇踏出自己的第一步。和CH先生對談前,要有心理準備,你要面對的是一個超級新星,看得到他的機會遠少於看到他的廣告詞。沒看到他時,正好讓你思考,你真的很想和他交談嗎?花這個時間有意義嗎?也吃過閉門羹的你......
    Thumbnail
    這次互動的發想是,之前已經測試過ChatGPT身為「諮商師」的角色,是否能有效提供「個案」一些心理支持以及具體建議。那如果倒過來想:ChatGPT有沒有能力扮演「個案」的角色,而由我們使用者扮演「諮商師」的角色,來進行互動呢?
    Thumbnail
    現在這個充滿GPT開箱的年代,做什麼實測都感覺落伍。不過我覺得本文這兩個實測,即便不是最新穎,也算是方便好用且有益於生產力。 工作中,對我來說最困難的事情,就是快速量產。這裡寫兩個使用ChatGPT的案例,一個是寫作,一個是寫程式。後者是我的工作,我讓GPT融入我日常工作。 而下面二個實例,純展示結