[CSS] writing-mode 垂直文字文本行是水平還是垂直放置

[CSS] writing-mode 垂直文字文本行是水平還是垂直放置

網頁文字預設都是水平由左往右,像是由左至右的垂直排列中國文字,這時就可用CSS writing-mode 屬性,設置文本行是水平還是垂直放置。 用法: writing-mode:horizontal-tb|vertical-rl|vertical-lr; writing-mode: horizontal-tb; /* 預設的屬性為(就是我們平常看到的由左而右的內容) */ writing-mode: vertical-lr; /* 垂直由左而右 */ writing-mode: vertical-rl; /* 垂直由右而左 */...

使用Google Web Designer軟體做HTML5 CSS動畫

專案需要做如上的動畫效果按鈕,因為不想要自己手寫HTML + CSS,想說有沒有更快速且有效率的方法,使用介面化動畫工具,像做Flash動畫一樣,現在Adobe 把它改名了,應該叫Adobe Animate,但是因為礙於Adobe Animate並不是免費開源軟體,感覺上產生出的應當是HTML5 Canvas,加上我只需要做個簡單的動畫按鈕,且最好是online edit 線上編輯工具,幫助我產生HTML動畫所需要的HTML + CSS Code,這樣就真的太棒了。 就在當下google了一下,發現Google Web...

jQuery + CSS 動畫背景擴展效果按鈕animation @keyframes

使用jQuery + CSS animation 關鍵影格@keyframes,定義設定動畫漸變,達到按鈕hover後背景從中間展開,擴展到填充整個背景按鈕效果。 開始前先將HTML <button> 先寫好,class為elementor-button ,並再多加入四個同樣的<button>在後面,分別給這四個class加入不同顏色名稱green 、blue、red、orange。 <button class="elementor-button"> Effect...

如何在WordPress中上傳.svg圖檔

WordPress 是最受歡迎的CSM 平台,提供各種圖像類型的上傳,包括 jpg 和 png。但是,對於 SVG、可縮放矢量圖形,情況並非如此,因為 WordPress 本身並不支持它們的上傳。SVG 文件通常更適合設計人員,因為它們是可擴展的圖像格式,它們不會在視網膜屏幕上像素化,而且文件大小通常更小。SVG 已成為 Web 上廣泛使用的圖像格式。 儘管像上面提到的傳統圖像文件格式可以完美地用於圖像和復雜的照片,但 SVG 是滿足當今開發要求(如可伸縮性、可編程性、響應性、交互性、性能和可訪問性)需求的一種格式。...

如何獲得粉絲專頁或個人的Messenger訊息網址連結

取得FB 發送私訊的網址 想要在網頁上貼上自己的臉書粉絲專頁私訊的連結嗎?還是個人用戶的1對1聊天室網址呢? 只需要將你的粉絲專頁ID或是個人Facebook ID + 下列網址,就可以得到Messenger粉專、私人的1對1Messenger聊天室網址,很簡單吧! https://m.me/+Facebook ID https://m.me/+粉絲專頁ID 如何取得粉絲專頁ID 與 Facebook ID 粉絲專頁頁面選擇 > 關於 > 紛絲專頁編號 取得紛絲專頁編號...

macOS 外接2k螢幕開啟HiDPI字體不模糊

一、開啟HiDPI 首先需要打開系統HiDPI (在終端運行) sudo defaults write /Library/Preferences/com.apple.windowserver DisplayResolutionEnabled -bool YES 如果使用4K 或更高分辨率的顯示器,macOS 很可能原生支持HiDPI,建議直接從 如無法啟用或沒有合適的分辨率,再使用配置文件。 二、螢幕製造商ID 和產品ID 獲得顯示器的VendorID 和ProductID (製造商ID 和產品ID),在終端運行: ioreg...

【 劇本創作 】VS Code 編輯 Fountain 標記語言寫好萊塢劇本

一部好的戲劇或者電影,必不可少的絕對是好的劇本,但寫作劇本除了要構思架構、劇情和人物等等以外,還有件超級麻煩的事 -- 排版。 就跟論文一樣,除了內容本身以外,要按照指定格式把整篇文章整理好其實是一件超級大的工程,更何況中文劇本的世界甚至沒有一個真正的指定格式,常常每個編劇給出來的劇本閱讀起來的方式都會不同,某種程度上也在增量所有劇組人員的工作。 Fountain Fountain 是一種用於劇本創作的純文本標記語言。...