日誌2019-11-27 13:54

Mask View（2021/01/16更新）

※2021/01/16進行了部分改動及更新教學圖片，舊網址已無法使用

「紳士框」其實不是一項很難的技術

諸如「MMD」、「Wallpaper Engine」等都能見到其身影

所以我在上車期間又突發奇想地做了一個瀏覽器版的

「Mask View」網址（http://www.centon.idv.tw/mask/）

顯示網站連結不安全只是因為我沒錢買SSL憑證而已

※注意！並非所有瀏覽器都支援該網頁功能

最後更新測試目前主流瀏覽器（不含Internet Explorer）都可使用

進入網頁之後會呈現黑色畫面一片

個人電腦：連點兩下右鍵

移動設備：三根以上手指點擊畫面（最後更新時移除，仍可在網址列編輯）

會跳出編輯圖片位址的提示

（提示視窗依不同瀏覽器顯示方式也有所差異）

按下確定後就可以貼上顯示在上層的圖片位址

再次按下確定後就可以貼上隱藏在下層的圖片網址

切換視窗可能會關閉輸入框

再次連點兩次右鍵編輯網址即可

接下來網頁會重新加載

得到一個新的連結（http://www.centon.idv.tw/mask/?:https://imgur.com/Zc2euPr.png!:https://imgur.com/H8gFm37.png）

並出現以下畫面

個人電腦：移動滑鼠

移動設備：滑動一根手指

就可以透過圓形框看到下層圖片

個人電腦：按住左鍵

移動設備：兩根手指按住

就可以放大框增加顯示範圍

以上

可以自己試試看

使用其他差分圖的連結

再傳給朋友玩玩看吧

「Mask View」

「範例連結」

34

10

LINE 分享

相關創作

[速報]Google Gemini app繁體中文版正式上線啦！

2024春M3 個人安麗向心得

NVIDIA GeForce Vulkan Developer Driver 552.31 WHQL

留言

• 2019-11-27 13:57巫嗚巫：
  我比較喜歡紳士ㄕㄡ...沒

  2019-11-27 14:03Centon：https://memes.tw/meme/a9e990fed9fe4d54c3d2ca8aceda921b.png

• 2019-11-27 13:5870：
  出桶子ㄌ!

  2019-11-27 14:03Centon：雖然一個禮拜沒有很長

• 2019-11-27 14:05巫寒-BUTA模式：
  讚...

  2019-11-27 14:17Centon：https://ppt.cc/fZjxtx

• 2019-11-27 14:36聖結石醬：
  magic...

  2019-11-27 14:39Centon：妖精比較神奇

• 2019-11-27 15:22樂小呈：
  酷
  好久ㄅ見

  2019-11-27 16:40Centon：可能哪天就直接變不見

• 2019-11-27 16:11阿浣：
  車上開心嗎?

  2019-11-27 16:40Centon：車上我都在另一個網站

• 2019-11-28 00:3070：
  火狐開好像失敗惹
  

  2019-11-28 00:31Centon：真假有更新到最新嗎
  因為我用火狐沒問題

• 2019-11-28 00:3270：
  剛剛有用火狐ㄉ朋友說沒有那種窺看效果
  叫他ㄑ更新看看好了

  2019-11-28 00:37Centon：因為有用到CSS語法的clip-path
  https://aws1.discourse-cdn.com/sitepoint/original/3X/f/f/ff981a733307952cb500c78145740b8f1b18e67a.png
  紅色版本是不支援
  火狐其實從很早之前的版本就支援了

• 2019-11-28 00:3870：
  那他ㄉ問題惹
  想說忙完用電腦玩差分
  
  好玩有趣ㄏㄏ

  2019-11-28 00:40Centon：其實我有在其他論壇開串玩這網站真正的用途

• 2020-02-03 01:16大安區鑰匙管理師：
  好像很恐怖又很厲害

  2020-02-03 01:19Centon：我只有用到基礎的網頁前端程式

• 送出