js+css3 최면 리플 애니메이션 특수 효과
JS 코드
<스크립트 유형="텍스트/자바스크립트">
함수 getRandomNumber() {
Math.floor(Math.random() * 255)를 반환합니다.
}
함수 getBrightness(r, b, g) {
Math.sqrt(
반환 0.299 * (r * r) +
0.587 * (g * g) +
0.114 * (b * b)
);
}
setInterval(()=> {
const r = getRandomNumber(),
g = getRandomNumber(),
b = getRandomNumber(),
밝기 = getBrightness(r,g,b);
document.documentElement.style.setProperty(`--r`, r);
document.documentElement.style.setProperty(`--g`, g);
document.documentElement.style.setProperty(`--b`, b);
bgColor;
하자 if (밝기 > 40) {
bgColor = '#121212';
} 그렇지 않으면 {
bgColor = '#BDCBBF';
}
document.documentElement.style.setProperty(`--bg`, bgColor);
}, 2000);
이 사이트의 모든 리소스는 네티즌이 제공하거나 주요 다운로드 사이트에서 재인쇄되었습니다. 소프트웨어의 무결성을 직접 확인하십시오! 이 사이트의 모든 리소스는 학습 참고용으로만 사용됩니다. 상업적 목적으로 사용하지 마시기 바랍니다. 그렇지 않으면 모든 결과에 대한 책임은 귀하에게 있습니다! 침해가 있는 경우 당사에 연락하여 삭제하시기 바랍니다. 연락처: admin@php.cn
관련 기사
CSS3 애니메이션 애니메이션 특수 효과 플러그인의 영리한 사용 소개
17 Mar 2017
이 기사에서는 CSS3 애니메이션 애니메이션 특수 효과 플러그인을 능숙하게 사용하는 방법을 소개합니다.
Pure CSS3 팀 구성원이 애니메이션 특수 효과 예를 소개합니다.
06 Mar 2017
이 기사에서는 주로 순수한 CSS3 팀원을 소개하여 애니메이션 특수 효과 예제를 소개합니다.
16 May 2016
그림의 좌우 움직임은 그네처럼 애니메이션 효과가 있으며, 그림 자체를 재정의할 수도 있고, 이동 속도와 거리도 코드에서 설정할 수 있습니다. JS에서 애니메이션을 생성하는 특수 효과 코드는 매우 간단합니다. 참고용으로만 사용하세요.
![HTML5 CSS3 진행률 표시줄 카운트다운 애니메이션 특수 효과 코드 [권장]_html5 튜토리얼 기술](http://files.jb51.net/file_images/game/201603/20160308161233.jpg)
HTML5 CSS3 진행률 표시줄 카운트다운 애니메이션 특수 효과 코드 [권장]_html5 튜토리얼 기술
16 May 2016
아래 편집기는 HTML5 CSS3 진행률 표시줄 카운트다운 애니메이션 특수 효과 코드[권장]를 공유합니다. 모두에게 도움이 되기를 바랍니다. 편집자를 따라가서 살펴보겠습니다.
CSS3 변형 및 애니메이션 효과_형태 특수 효과
16 May 2016
이 글에서는 주로 CSS3의 변형과 애니메이션 효과를 소개합니다. CSS3 애니메이션은 주로 변환, 전환, 애니메이션의 세 가지 속성을 사용합니다. 필요한 친구는 다음을 참조할 수 있습니다.
순수한 CSS3 멋진 3D 별이 빛나는 하늘 애니메이션 특수 효과
18 Jan 2017
이것은 순수한 CSS3를 사용하여 만든 멋진 3D 별이 빛나는 하늘 애니메이션 특수 효과입니다. 이 특수효과는 빠르게 전진하는 우주선의 관점에서 보면 모든 별이 빠르게 커지고 뒤로 물러나는 모습을 보여주며, 그 효과는 매우 사실적이다.
16 May 2016
이 글에서는 텍스트 산란 및 재구성 애니메이션 특수 효과를 구현하기 위한 js CSS를 주로 소개합니다. 필요한 친구들은 참고할 수 있습니다.
16 May 2016
인터넷에는 휴대폰 사진을 슬라이딩 전환하는 예가 많이 있지만 모두 다른 구성 요소에 의존하므로 코드가 혼란스럽습니다. 이 예에서는 css3 요소 없이 순수 js 스크립트로 작성된 wap 사진 스크롤 효과를 소개합니다.
16 May 2016
인터넷에는 휴대폰 사진 간 슬라이딩 전환에 대한 예가 많이 있지만 모두 다른 구성 요소에 의존하므로 코드가 혼란스럽습니다. 이 예는 css3 요소가 없으며 js 스크립트로 작성되었습니다. 필요한 친구는 참조할 수 있습니다. .
Hot tools Tags
Hot Tools
jQuery2019 발렌타인데이 고백 불꽃놀이 애니메이션 특수 효과
Douyin에 대한 매우 인기 있는 jQuery 발렌타인 데이 고백 불꽃놀이 애니메이션 특수 효과는 프로그래머와 기술 전문가가 사랑하는 소녀에 대한 사랑을 표현하는 데 적합합니다. 좋아하든 원하지 않든 결국에는 동의해야 합니다.
Layui 반응형 애니메이션 로그인 인터페이스 템플릿
Layui 반응형 애니메이션 로그인 인터페이스 템플릿
520 발렌타인 데이 고백 웹 애니메이션 특수 효과
jQuery 발렌타인데이 고백 애니메이션, 520 고백 배경 애니메이션
멋진 시스템 로그인 페이지
멋진 시스템 로그인 페이지
HTML5 테이프 음악 플레이어 - CASSETTE PLAYER
HTML5 테이프 음악 플레이어 - CASSETTE PLAYER