header_logo

Mango Media

Blockstudio

2022.07.05

分享此案例想要跟大家介紹2件事情!

 

  • 以影片取代程式寫的動態
    首頁背景看起來像是「主動態」的這種變型體效果,其實是個影片。影片主物體是紫色、背景是白色,直接疊在最上面,然後再用 CSS 的 mix-blend-mode 屬性去讓白色消除,即可達成「假去背效果」。

 

  • 如何分辨影片與程式
    大家在找 Reference 作法參考時經常需要判斷這是如何辦到的?是程式寫的還是圖片還是影片?最快且最簡單的分辨方式就是看「動態邊緣是否模糊」,一般來說有模糊(解析度不夠)的感覺,95% 是影片作法。

 

至於是不是也可能是序列圖片做法?
未來再跟大家分享如何分辨~

https://mango-media.eu/

延伸閱讀
回到列表

隨時掌握設計趨勢

訂閱即表示您同意我們的隱私政策,並同意接收我們公司的更新。

Copyright © WebCRACK. All rights reserved.

版塊創意有限公司

| hello@webcrack.tw

| 統編:83197129