CSS手繪風格主題插件,是一款可以把網頁裝扮成手繪風格的CSS插件,它是由一群有創意的設計師所開發出來的。
.plugin { background-image: url(../images/brush.png); background-repeat: repeat; border: 2px solid #000; border-radius: 10px; box-shadow: 4px 4px 0 #fff; font-size: 18px; font-weight: bold; margin: 10px auto; padding: 20px; text-align: center; }
這個插件的功能非常強大,可以將你需要的元素全部變成手繪風格,包括背景、邊框、文字等等。
.hand-drawn { background-color: #F5DEB3; border: 2px solid #000; border-radius: 10px; font-family: 'Permanent Marker', cursive; font-size: 20px; padding: 20px; }
這個插件有很多的配置選項,你可以設置風格的顏色、粗細和繪畫的方向等等。
.hand-drawn--pink { color: #ff69b4; text-shadow: 2px 2px 2px #000; } .hand-drawn--left-to-right { background-image: linear-gradient(to right, #F5DEB3, #FFF); background-image: -moz-linear-gradient(left, #F5DEB3, #FFF); background-image: -webkit-linear-gradient(left, #F5DEB3, #FFF); }
總的來說,這個插件非常實用,它不僅可以給你的網頁增加視覺上的效果,同時也可以讓你的網頁看起來更加有藝術感。如果你喜歡手繪風格的設計,那么這個插件絕對是你的首選。