【css】常用css

常用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