鐵人檔案
大家好 圓錐形漸變 就是可以做到下圖的漸層 https://css-tricks.com/snippets/css/css-conic-gradient/...
大家好 今天要作的是裁切範圍裁切範圍也包括一個很有趣的效果就是用顏色或圖片填色的文字 先做裁切漸層文字 background: -webkit-li...
大家好 今天繼續昨天的裁切作出文字的外框及鏤空的效果 先作出加粗的外框及顏色 -webkit-text-stroke: 5px black;...
大家好 有看過一些廣告的文字會把陰影用斜線作為背景今天試作把文字重疊作出效果 首先需要先用一個 box 作為容器再用 position 位移來作 <di...
大家好 今天要作文字的變化除了水平、垂直、旋轉移動之外CSS還可以作出顛倒的字、圖 .reflect{ -webkit-box-reflect:below...
大家好 今天要用固定背景作出滑鼠向下滾動換背景像是下列範例https://codepen.io/stefanjudis/pen/nrzHI parallax...
大家好 今天要用 CSS 畫緞帶在商品的角落、標籤、文章標題、小書籤 都能派上用場 先作個斜標籤 <div class="ribbon&quo...
大家好 繼續昨天的緞帶為了把平面的緞帶作的有點立體今天稍微加了點弧度 <div class="ribbon"> <...
大家好 今天要作的陰影一般都是用 .shadow{ position: relative; width: 240px; padding: 10px...
大家好 要作出像報章雜誌的多欄文章有個方便的作法欄位數量也是可以靠css的值改變 <div class="box"> &l...
