>웹 프론트엔드 >CSS 튜토리얼 >CSS 텍스트 효과, 텍스트 색상에 빛과 그림자 흐름이 있음

CSS 텍스트 효과, 텍스트 색상에 빛과 그림자 흐름이 있음

高洛峰
高洛峰원래의
2017-02-14 15:15:063714검색

.sq_start {
    position: absolute;
    bottom: 10%;
    left: 50%;
    z-index: 3;
    margin-left: -50px;
    width: 100px;
    height: 20px;
    font-size: 18px;
    background: -webkit-gradient(linear,left top,right top,color-stop(0, #549A66),color-stop(0.3, #3CAF5A),color-stop(0.5, white),color-stop(0.7, #3CAF5A),color-stop(1, #3CAF5A));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-animation: slidetounlock 4s 

linearinfinite;

    animation: slidetounlock 4s 

linear infinite;

}

더 많은 CSS 텍스트 효과를 보려면 텍스트 색상에 빛과 그림자 흐름이 있으므로 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:CSS와 CSS3의 비교다음 기사:CSS와 CSS3의 비교