网站最后更新日期:2018年7月10日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站 赞好Facebook 追随Twitter 关注微博
关注微信公众号
捐款 更多联络方式
更多文章载入中,请稍后……

利用纯SVG+CSS keyframes animation动画实现手写毛笔字(书法)效果

相信大家在Flash时代见过很多通过Flash动画模拟毛笔书写效果的教程,但在Flash早已停止被支持的今天,“畅想资源”便来教教大家如何通过SVGCSS动画简单实现动画书写毛笔字效果,让访客在移动设备和不支持Flash的浏览器(即现今绝大多数浏览器 :laugh: )中也一样能看到毛笔字书写效果,为你的网站加入中国传统文化色彩。 :razz:

阅读全文
作者:超级efly | 分类:網路 | 阅读:55 | 标签:, , , , ,

純CSS爲網頁加入模態窗口(模态对话框)教學

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

阅读全文
作者:超级efly | 分类:網路 | 阅读:1,040 | 标签:, , ,

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

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

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

阅读全文
作者:超级efly | 分类:網路 | 阅读:367 | 标签:, ,

【支持全站轉換】使用JS爲網站加入簡繁轉換功能

現在澳港台和內地的聯繫越來越緊密,當然我們的網站也需要同時兼備簡體和繁體版本咯,今天「暢想資源」就來教大家如何純代碼使用JS對全站網頁加入簡繁轉換功能(也就是會儲存轉換的COOKIE),讓你的網頁有更多的受眾的同時,也顯得更加國際化! :grin:

阅读全文
作者:超级efly | 分类:網路 | 阅读:4,311 | 标签:, , ,

HTML5之實用新屬性 srcset 簡介&教學

隨着我們的Retina熒幕越來越在生活中普及,隨之而來的是每個圖片都需要包含各自的 @2x (甚至是 @3x )版本,哪麼我們在網頁中該怎麼辦呢?今天「暢想資源」就向大家來介紹這個HTML5的實用新屬性 srcset 的具體使用方法吧!(目前iOS 8中的Safari也已支持該功能啦!)

阅读全文
作者:超级efly | 分类:網路 | 阅读:812 | 标签:, , , ,