【論壇美化】LOGO特效+紅框特效

2013/01/01 197 0 網站技術 , 架站程式 , Discuz!

想要有個美美的論壇嗎?CSS3特效幫助您!
把以下原碼複製後,貼在(論壇後台>>全局>>SEO設置>>其他>>其他頭部信息)。
<!--原碼開始-->
<style>
/*logo*/
.hdc h2 img {
-webkit-transition:All .2s linear;

-moz-transition:All .2s linear;

-o-transition:All .2s linear;

-webkit-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);

-moz-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);

-o-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);

}

.hdc h2 img:hover{

-webkit-transform: rotate(359deg) scale(1.02) skew(0deg) translate(0px);

-moz-transform: rotate(359deg) scale(1.02) skew(0deg) translate(0px);

-o-transform: rotate(359deg) scale(1.02) skew(0deg) translate(0px);

}

紅框

input:focus,textarea:focus {

        border-color:#55BEF1; /*邊框顏色*/

        /*box shadow 數值:右距離(px) / 上距離(px) / 模糊(px)

        -moz-box-shadow: 0px 0px 5px #ff2626; /*Firefox 的 陰影*/

        -webkit-box-shadow: 0px 0px 5px #ff2626; /*webkit 系列瀏覽器的陰影*/

        box-shadow: 0px 0px 5px #ff2626; /*IE9 或opera*/

        -moz-transition:all 0.3s;

        -webkit-transition:all 0.3s;

        -o-transition:all 0.3s;

        transition:all 0.3s;

        outline:medium none;

}

</style>
<!--原碼結束-->

贊助廣告 ‧ Sponsor advertisements

留言區 / Comments

萌芽論壇