Links resource kerenpunya sebenarnya sudah banyak tersedia! Tinggal urusan mendapatkannya, cocok apa tidak, mudah apa sulit dan faktor X lainnya ;)
Berikut beberapa links source pilihan
cdpn.io/izswy, cdpn.io/AepGb, cdpn.io/xzjGB, cdpn.io/xgqtc, cdpn.io/KJkEs, cssdeck.com/labs/full/ufct35ys5t, cssdeck.com/labs/full/8852y8sb, cdpn.io/Ayaqv, cssdeck.com/labs/full/forms-validation-styling-semantics, bit.ly/1a8NR07, bit.ly/1a8O2si & bit.ly/1a8ObvR
Coba sobat datangi link-link tersebut, pasti bakalan seru. Kalau merasa kurang besok lagi saja. Berikut bonusnya dari AA membuatform searchatau kotak pencarian bergaya hover.
#search input[type="text"]:hover {width: 208px;border:1px solid #CCC;}
#search input[type="text"] {
background: #FFF url("http://2.bp.blogspot.com/-QrhUJtUBTdc/UTZhTNtkwFI/AAAAAAAABB0/SSp7EhBqyak/s000/search_32x32-32.png")no-repeat center left;
font-size: 13px;
color: #222;
width: 0px;
padding: 10px 0px 11px 35px;
z-index: 9;
border: 1px solid #FFF;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin-bottom: -1px;
position: fixed;
top: 0px;
right:20px;
}
Markup HTML
Bbn cheers \m/
<form action="http://YOUR-BLOG.blogspot.com/search/" id="search" method="get" target="top">
<input name="q" placeholder="Query here..." size="40" type="text" />
</form>
Happy coding :)Bbn cheers \m/
Tidak ada komentar:
Posting Komentar