css-tip
縮放放大樣式
transform:scale(2.5);
點擊圖片時放大2.5倍,HTML 5 ,樣式獨特
卡片式陰影佈局
box-shadow:0 1px 4px rgba(0,0,0,6)
語法:box-shadow: h-shadow v-shadow blur spread color inset;
註釋:box-shadow 向框添加一個或多個陰影。該屬性是由逗號分隔的陰影列表,每個陰影由 2-4 個長度值、可選的顏色值以及可選的 inset 關鍵詞來規定。省略長度的值是 0。
值 描述 測試
h-shadow 必需。水平陰影的位置。允許負值。 測試
v-shadow 必需。垂直陰影的位置。允許負值。 測試
blur 可選。模糊距離。
設置元素的形狀
clip:rect(0px 50px 200px 0px
垂直排列圖像
vertical-align:text-top
層疊
z-index:1000;