常用css--------下三角
常用css--------闪动效果
css
#shandongFlash { width:100px; height:100px; background:#f8b551; position:relative; animation:mymove 1.5s infinite; -webkit-animation:mymove 1.5s infinite; /* Safari and Chrome */ } @keyframes mymove { 0% { background:#29323f; width:100px;} 100% { background:#f8b551; width:100px;} } @-webkit-keyframes mymove /* Safari and Chrome */ { 0% { background:#29323f; width:100px;} 100% { background:#f8b551; width:100px;} }
html
<div id="shandongFlash"></div>
一种圆角效果
css
span{ position: absolute; display: inline-block; width:420px; height:28px; background-color:red; border-radius: 20px; clip:rect(14px,420px,28px,0px); }
html
<span></span>
效果
常用css--------改变input的placehoder颜色
input::-webkit-input-placeholder { /* WebKit browsers */
color: white;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: white;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: white;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: white;
}
作者:smile.轉角
QQ:493177502