CSS3在網頁設計中越來越廣泛地應用，其中，QQ企鵝也在網頁設計中扮演著越來越重要的角色。CSS3可以為QQ企鵝添加很多有趣的效果，為網站增添了不少趣味性。

下面我們就針對QQ企鵝的幾個方面來介紹CSS3的具體使用方法。

/*改變顏色*/
.qq-img{
filter: hue-rotate(180deg); /*顏色倒置，變為相反色*/
}
/*旋轉動畫*/
.qq-img{
transition: transform 1s ease;
}
.qq-img:hover{
transform: rotate(360deg);
}
/*邊框生成*/
.qq-img{
border-radius: 50%;
box-shadow: inset 0 0 0 10px #FFF, inset 0 0 0 15px #777;
}
/*陰影生成*/
.qq-img{
box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
}
/*圓角陰影*/
.qq-img{
border-radius: 50%;
box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.5), 
0px 1px 0 #444444, 0px 0px 2px rgba(255, 255, 255, 0.25) inset;
}
/*移動*/
.qq-img{
transition: transform 2s ease-in-out;
}
.qq-img:hover{
transform: translate(200px, 0);/*以當前位置為基礎平移200px*/
}

以上就是使用CSS3為QQ企鵝添加效果的具體做法，讀完這篇文章，相信你已經有了一定的了解，可以在網站設計中靈活使用這些方法，為網站增添趣味性。