網站最後更新日期:2022年3月25日
歡迎大家來到暢想資源 AREFLY.COM! 個人網站(中) 個人網站(EN) 更多聯絡方式
更多文章載入中,請稍後……

利用純SVG+CSS keyframes animation動畫實現手寫毛筆字(書法)效果

相信大家在Flash時代見過很多通過Flash動畫模擬毛筆書寫效果的教程,但在Flash早已停止被支持的今天,“暢想資源”便來教教大家如何通過SVGCSS動畫簡單實現動畫書寫毛筆字效果,讓訪客在移動設備和不支持Flash的瀏覽器(即現今絕大多數瀏覽器 :laugh: )中也一樣能看到毛筆字書寫效果,為你的網站加入中國傳統文化色彩。 :razz:

閱讀全文
作者:超級efly | 分類:網絡 | 閱讀:18,649 | 標籤:, , , , ,

純CSS爲網頁加入模態窗口(模態對話框)教學

相信大家近期在訪問暢想資源時都發現在看了文章主體部分後會自動於網頁上顯示一內容爲Facebook專頁/微博的窗口,這就是所謂的模態窗口(內地稱為模態對話框)了。這個模態窗口可以幫助網站開發人員顯示網頁中的特定內容,讓用戶聚焦到這個地方。今天「暢想資源」就來教大家如何使用純CSS(當然還有JS以顯示/隱藏窗口)來爲網頁加入這個模態窗口~ :laugh:

閱讀全文
作者:超級efly | 分類:網絡 | 閱讀:5,206 | 標籤:, , ,

使用CSS爲內容設定特定的鼠標樣式(cursor)介紹

使用CSS爲內容設定特定的鼠標樣式(cursor)介紹

相信大家都知道我們的鼠標在網頁中不同的元素中有不同的顯示(例如 a 元素就顯示爲「箭頭指針」),但是其實我們還可以自定義這些有趣的東西哦!今天「暢想資源」就來教大家如何使用CSS爲內容設定特定的鼠標樣式(cursor),讓你的網頁更加的生動、活潑!

閱讀全文
作者:超級efly | 分類:網絡 | 閱讀:4,002 | 標籤:, ,