It's none of my business.

自己設計+寫頁面代碼的第一個網站算是完工了,老實說還真有點copy同行嫌疑,沒辦法直接發個地址說照著樣子做神馬的反正不關我的事┐(´д`)┌
不過就算是這樣最後還不是改得面目全非反正不是自己的東西改就改吧┐(´д`)┌
←初學者來說效果還…可以…?
今日模板更新:
把圖片啊引用啊之類的框框元素都加了透明動態,還…可以…?

代碼如下↓
blockquote { opacity:0.7; filter:alpha(opacity = 70); zoom:1; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; } blockquote:hover { -webkit-transition: 0.5s;opacity:1.0; filter:alpha(opacity = 100); zoom:1; color:#424242; }
7月2日模板更新:
給圖片還有引用框加了陰影效果,做個筆記↓
a img { box-shadow: 0px 5px(位移) 5px(陰影大小) -3px(擴展) #AAA(你懂的); } a img:hover { box-shadow: 5px 5px 5px -3px #AAA; } 動態效果超贊!

再mark個標籤式動態菜單
.navi { background: #ffffff; color:#000; width:80px; font:normal 9px 'Trebuchet MS'; text-transform: lowercase; letter-spacing: 1px; padding:3px; margin-bottom:4px; border: 1px solid #eee; border-right: 4px solid #48cad7; filter: alpha(opacity = 50); opacity:.5;-moz-transition-duration: 1s; -webkit-transition-duration: 1s; } .navi:hover { font-size:10px; width:90px; border-right: 6px solid #f2f2ef; filter: alpha(opacity = 100); opacity:1.0;-moz-transition-duration: 1s; -webkit-transition-duration: 1s; }

Leave a Reply

毛根死滅ヽ(`Д´#)ノ ムキー!!