# 茶會主頁 ## Scroll Trigger ### 主視覺 - [大圖頁面參考：啊啊啊這個超肉慾的小心點擊](https://www.noctilucent.co/landing_page_en.html) - [滿板設計：滑鼠調整光亮](https://www.jybh.fr/fr/) ### 活動時程 - [Wedding, Timeline](https://themebubble.com/demo/webify/wedding) ### 特別企劃 - [特別企劃 - 動畫參考Playground](https://www.vikkibre.com/) - [特別企劃 - 排版參考 History of Swiss](https://www.s-swiss.com/) - [特別企劃 - 水平排版參考](https://2authenticators.co/our-mission) - [特別企劃 - 排版參考 Web design, mobile app design...](https://shakuro.com/ui-ux?utm_source=Dribbble+New&utm_medium=ui-ux&utm_campaign=Boost&utm_id=Dribbble+New) ### 新人 - [字體浮現動畫](https://kyo-wakon.wasou.salon/) - ### Staff List - [Staff list - 滑動方式](https://vendomeclinique.com/) - [模糊漸變](https://codesandbox.io/s/react-practice-tlgyvy) - [字體與圖片切割](https://soduk.co/#) - [人像顯示](https://juliache.pro/) - [圖片位置固定，隨文字滑動變換](https://www.uv0.jp/) ### LOGO插圖動畫 - [線條](https://www.featuredprojects.jp/) ### 茶會資訊 - [資訊浮現 - Be Muzzia CSSDA MORRRE Awards](https://www.vikkibre.com/) ### 周邊/來賓裡 - [排版參考](https://www.composition.gallery/) - [排版＋文字參考](https://tomarino.jp/) - [動畫參考](https://design.tram5-montpellier3m.fr/) - [排版＋動畫（不規則底）](https://www.uv0.jp/) ### 其他 - [日式字體圖片排版參考](https://store.unibio.jp/pages/mirinLP) - [左側menu](https://kuklascaffolding.com/) - [周邊排版參考](https://www.composition.gallery/) - [圖片錯位](https://gypsumhills.com/) - [字體與圖片互切](https://store.unibio.jp/pages/mirinLP) - [section 之間小gif範例](https://tomari.co.jp/) - 轉場動畫 - [不規則排版＋滑入動畫](https://codesandbox.io/s/scroll-animation-gsap-scrolltrigger-5efob) - [單純字體＋顏色切換轉場](https://www.secondchancefoundation.org/) - [超酷炫字體+webgl 3d](https://www.orano.group/experience/innovation/en) ### 網站參考 - 意境 - https://kyo-wakon.wasou.salon/ - 設計感 - https://www.heights.agency/ - https://2authenticators.co/our-mission - 一體成型故事感 - https://annajona.is/ - 展示型質感 - https://jcbiver.com/en - 科技感 - https://www.orchidcreation.com/work/zotac-gaming-technology/ - 日式 - https://goodnews-shop.com/ - https://www.composition.gallery/ - https://zenbo-seinei.com/spacerental/ - https://www.kuryugate.com/ - https://lees-official.com/ - https://lifecatalog.cowcamo.jp/ - https://kyo-wakon.wasou.salon/ - 文字排列＋動畫背景 - https://justfont.com/. - 無法分類（接近偽動畫） - https://www.moooi.com/eu/a-life-extraordinary#monster-garden