目前分類：CSS (38)
- Apr 13 Wed 2016 17:25
圖片按鈕 input file
- Mar 04 Fri 2016 17:00
css goTop
#goTop {
position: fixed;
bottom: 5px; /* 與下方的距離, 也可改為百分比, 即為距離螢幕下方的百分比 */
right: 5px; /* 與右方的距離 */
width: 40px; /* 按鈕原始寬度 */
height: 40px; /* 按鈕原始高度 */
opacity: 0.4; /* 按鈕原始透明度 */
z-index: 10;
cursor: pointer;
transition: all .5s; /* 動畫效果 持續期間 */
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
#goTop:hover { /* 滑鼠經過按鈕時 */
opacity: 1; /* 透明度 */
width: 80px; /* 按鈕寬度 */
height: 80px; /* 按鈕高度 */
}
</style>
- Mar 04 Fri 2016 15:12
CSS animation
- Jan 26 Tue 2016 10:28
上傳檔案css upload file
<form action="" method="post" enctype="multipart/form-data">
<div class="upload">
- Dec 01 Tue 2015 12:26
blue button
- Dec 01 Tue 2015 12:21
yello button
- Oct 01 Thu 2015 10:49
CSS Firefox table
- Sep 24 Thu 2015 14:12
css div absolute 置中
<body><divstyle="position: absolute;left:50%;"><divstyle="position: relative;left:-50%;border: dotted red 1px;"> I am some centered shrink-to-fit content! <br/> tum te tum </div></div></body>
- Sep 22 Tue 2015 14:14
css IE8支援@media
https://raw.githubusercontent.com/scottjehl/Respond/master/src/respond.js
<scriptsrc="jquery-1.10.2.min.js"></script>
- Sep 14 Mon 2015 15:00
CSS 字型大小 px, pt , em , rem,%
http://bunnymoon0326.weebly.com/blog/css-px-pt-em-rem
- Sep 14 Mon 2015 10:35
border-radius.htc
http://mepopedia.com/forum/read.php?804,15393
- Sep 14 Mon 2015 10:25
CSS circle IE8
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: -ms-linear-gradient(#EEFF99, #66EE33);
background: -o-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(/pie/PIE.htc);
- Sep 02 Wed 2015 17:18
css scrollbar
- Jun 09 Tue 2015 14:04
圖片大小隨視窗大小調整
- May 19 Tue 2015 15:29
scrollbar css
#style-4::-webkit-scrollbar-track
{
- May 16 Sat 2015 12:56
CSS 筆記
- Apr 23 Thu 2015 11:49
置頂靠右DIV
<div style="background-color:deeppink;height:100%;width:300px;position:absolute;z-index:1000;float:right;right:0px;"><img src="img/logo.png" /></div>
