簡單究好 Simple is Best

網頁前端開發資訊

CSS濾鏡效果

底下的那朵花、當滑鼠滑過時、花瓣的顏色會變成紫色。以往、如果我們想要實現這樣的效果、需要準備二張圖片,現在我們只要使用CSS Filters濾鏡效果就可以輕鬆達成。

CSS Filters濾鏡效果有點像是photoshop的濾鏡功能。透過CSS Filters濾鏡效果我們可以對網頁元素進行渲染。一般情況下、當網頁元素包含子元素時、CSS Filters 會同時對子元素進行渲染。 Read More

CSS 陰影效果的比較:Drop-Shadow 與 Box-Shadow

使用drop-shadow 可以幫透明圖片添加下拉式陰影

drop-shadow 與 box-shadow 都是陰影效果(光暈效果)的css屬性,二者最大的不同點在於: box-shadow只能製作矩形的陰影,而drop-shadow則可以製作和物件不透明區域完全相同形狀的陰影。底下是二個css屬性(property) 的用法: Read More

如何單純使用CSS3及HTML製作圖片輪播效果

你知道嗎?有了CSS3,就算不用javascript,我們也可以製作出圖片輪播效果。今天這篇文章就要示範如何單純使用CSS3及HTML製作圖片輪播效果

pure css slider
pure css slider
pure css slider
pure css slider
pure css slider

要製作純 CSS的輪播效果、就要先充份了解 CSS3 的 transitions 和 animation Read More