CSS3教程美食文案素材
/* 以下是CSS3樣式 */ /* 盒子陰影效果 */ .shadow { box-shadow: 2px 2px 8px rgba(0,0,0,.1); } /* 文字陰影效果 */ .text-shadow { text-shadow: 1px 1px 1px rgba(0,0,0,.1); } /* 邊框圓角效果 */ .border-radius { border-radius: 4px; } /* 漸變背景效果 */ .gradient-background { background: linear-gradient(to bottom, #F5D0A9, #FFA07A); } /* 圖片圓角效果 */ .image-border-radius { border-radius: 50px; } /* 過渡動(dòng)畫效果 */ .transition { transition: all 0.3s ease; }
這些CSS3效果可以給美食文案帶來更多的視覺感受。
例如:
歡迎品嘗我們的招牌菜
這道菜由我們前廚師長(zhǎng)親自調(diào)配,口感鮮美,香氣撲鼻。
使用CSS3教程美食文案素材,可以讓你的美食描述更加豐富多彩,吸引更多人來品嘗。