CSS是一種前端技術，可以用來美化網頁，使其變得漂亮和易于使用。下面是作者收集到的十個驚艷的CSS效果源碼：

1.陰影效果：box-shadow:3px 3px 3px #000;2.滑動門效果：background:url(../img/bg.jpg) no-repeat left top;
padding-left:20px;
border:1px solid #ccc;
text-decoration:none;3.警告信息效果：background-color:#f2dede;
border:1px solid #ebccd1;
padding:10px;
color:#a94442;4.漸變背景顏色效果：background: -webkit-linear-gradient(#4aa4e4, #4aa4e4);
background: -moz-linear-gradient(#4aa4e4, #4aa4e4);
background: -o-linear-gradient(#4aa4e4, #4aa4e4);
background: linear-gradient(#4aa4e4, #4aa4e4);5.旋轉和平移效果：transform:rotate(30deg) translate(100px,100px);6.圖片動畫效果：img:hover{-webkit-transform:scale(1.2);transform:scale(1.2);}7.鼠標懸停效果：a:hover{text-decoration:underline;}8.點擊效果：a:active{background-color:#eee;}9.縮放效果：transform: scale(2);10.字體效果：font-size:18px;
font-weight:bold;
color:#333;
text-decoration:none;
text-shadow:1px 1px 1px #ccc;

這是作者整理的十個CSS效果源碼。CSS是一項有趣的技術，可以通過學習更多的CSS，來讓你的網頁變得更加美麗和高效。