← 返回首頁

自動長高範例

示範圖片

這是一個示範用的卡片翻轉效果。
當你點擊卡片時,它會平滑地翻轉並顯示背面的內容。
這個效果使用了 CSS 3D 轉換來實現,讓整個動畫看起來更加自然流暢。
當內容較多時,卡片會自動調整高度以容納所有內容,但翻回正面時又會恢復原始高度。
這樣的設計可以確保內容的完整顯示,同時保持正面的簡潔美觀。