javascript - btcc.com 홈페이지의 애니메이션 배경을 구현하는 방법은 무엇입니까?

사이트가 로드되면 배경에 약간의 애니메이션 효과가 나타나는데, 이는 딱 맞습니다. https://www.btcc.com/

大家讲道理 2017-05-16 13:26:40 0  1  602

javascript - 모바일 단말에 미치는 작은 영향

아래로 스크롤하면 배경 이미지가 줄어듭니다. 질문: 이 애니메이션을 더 원활하게 작성하는 방법(모바일 버전)은 무엇입니까?

过去多啦不再A梦 2017-05-16 13:25:36 0  2  851

마우스가 요소 위로 마우스를 가져가는 것을 멈췄는지 어떻게 알 수 있나요?

자바스크립트나 CSS를 사용하여 요소 위로 마우스를 가져가는 것을 중지하는 방법을 알고 싶습니다. 마우스를 위에 올리면 배경 색상이 바뀌는 애니메이션을 만들고 있는데, 마우스가 해당 요소 위에 마우스를 올리면 애니메이션도 추가하고 싶습니다. 어떻게 해야 하나요?

P粉547420474 2024-03-31 13:28:28 0  1  408

javascript - 이상한 문제를 발견했습니다. 탭을 닫으면 제가 작성한 CSS 애니메이션이 자동으로 일시중지됩니다.

이상한 문제를 발견했습니다. 제가 작성한 CSS 애니메이션이 탭을 닫으면 자동으로 일시정지되고, 탭을 펼치면 계속 재생됩니다. 움직이는 효과를 얻기 위해 배경 이미지를 사용하는 것도 이와 관련이 있나요?

给我你的怀抱 2017-06-30 09:52:30 0  1  879

탐색 표시줄과 다음 섹션 사이의 작은 공백을 어떻게 제거할 수 있나요? 호버 선택기에서 작은 회색 공간을 제거하는 방법은 무엇입니까?

freecodecamp의 HTML 과정을 위한 최종 프로젝트로 이 웹사이트를 코딩하고 있는데 해결 방법을 모르는 두 가지 오류가 발생했습니다. 한편으로는 탐색 표시줄과 첫 번째 섹션 사이에 작은 흰색 선이 있습니다. 반면에 저는 탐색 모음 링크의 배경을 회색으로 만들기 위해 호버 선택기를 사용하지만 여전히 하단에 작고 어두운 선을 유지합니다. 흰색 선은 다음과 같습니다. 첫 번째 흰색 선을 수정하기 위해 패딩과 여백을 제거해 보았습니다(이로 인해 가장자리의 공백이 일부 제거되었지만 두 부분 사이에 남아 있는 공백은 제거되지 않았습니...

P粉764836448 2024-02-25 22:54:59 0  1  411

목표-c - TransitionWithView가 UIView를 뒤집을 때 뷰의 색상 어둡게 하기 문제를 취소하는 방법은 무엇입니까?

카드의 앞면과 뒷면을 뒤집는 것과 유사한 애니메이션을 만들고 싶다면 UIView의 TransitionWithView 메서드를 사용하면 뒤집힌 뷰의 색상이 어두워집니다. 뷰의 배경색이 흰색인 경우 깜박임이 발생하고 뒤집을 때 검은색 중심선이 나타납니다. 효과가 매우 나쁩니다. 조언을 부탁드립니다.

三叔 2017-06-21 10:11:50 0  1  1108

angular.js - ng-repeat 사례 문제에서 anglejs ng-animate가 작동하지 않습니다.

ng-repeat 중 ng-enter 표시, 지연 또는 ng-leave 중 일부 배경 애니메이션을 표시하려면 ng-enter-stagged를 사용하여 동시에 여러 항목을 표시할 수 있지만 애니메이션은 없습니다. ng-repeat가 목록을 작성할 때. 문제점을 찾지 못해 데모도 많이 해봤으나 소용이 없었습니다...

PHP中文网 2017-05-15 17:05:04 0  3  574

새 라우터 페이지의 구성 요소는 전체 페이지를 수동으로 새로 고친 후에만 로드됩니다.

새 경로를 추가하고 새 경로로 전환하는 애니메이션을 추가했습니다. 버튼을 클릭할 때 새 경로(/first)를 푸시하는 다음 코드를 추가했습니다. /*FromtheTemplate*/<router-view@clickedNext1="onClickTransition"v-slot="{Component}"><transitionname ="route1

P粉986937457 2024-03-29 12:20:42 0  1  423

CSS 애니메이션은 사라지지 않습니다.

마우스를 올리면 배경 이미지가 페이드 인 및 페이드 아웃되는 간단한 애니메이션 문제를 해결하려고 합니다. 키프레임을 정의했는데도 웹 브라우저에 정의되지 않은 것으로 표시됩니다. .elementor-section.elementor-element.core-range>.elementor-container:hover.product-image::before{animation:coreRangeBackground0.3sease-in -아웃0.

P粉352408038 2023-08-18 16:45:01 0  1  592

CSS 배경 그라데이션이 전체 페이지(스크롤 가능한 콘텐츠 포함)를 덮지 않습니다.

HTML 문서의 CSS 배경 그라데이션에 문제가 있습니다. 선형 그래디언트를 배경으로 사용하고 본문 요소에 설정하는 페이지를 디자인했습니다. 내가 직면한 문제는 스크롤할 콘텐츠가 더 많음에도 불구하고 화면이 처음 끝나는 곳에서 그라데이션이 끝나는 것처럼 보인다는 것입니다. 따라서 아래로 스크롤하면 그라디언트의 두 번째 인스턴스가 처음부터 다시 시작되는 것처럼 보입니다. 이것은 나의 현재 CSS(SCSS) 코드입니다: @importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09 0  2  723

javascript - h5에서 캔버스 태그의 위치를 ​​숨겼다가 다시 표시한 후 다르게 조정하는 방법은 무엇입니까?

js에서 동적으로 추가한 캔버스 태그를 사용하여 선을 그었고, 특정 위치에 절대 위치 지정을 사용했습니다. 기본적으로 표시되지만 제품에서는 숨길 수 있도록 요구하므로 숨기거나 표시할 수 있는 버튼을 만들었습니다. 그것을 클릭한 후 hide() 및 show()를 사용하십시오. hide(), 캔버스 다음에 show()를 사용하는 이유는 다음과 같습니다.

巴扎黑 2017-05-24 11:37:35 0  1  1029

javascript - 오디오 태그 일시중지 관련 질문

{코드...} 코드는 위와 같습니다. 배경음악의 페이드인과 페이드아웃을 구현하기 위해 체크박스를 클릭하는 작은 기능을 만들고 싶은데 페이드아웃시에는, 볼륨이 0이 되면 자동으로 일시 정지되도록 하고 싶습니다. 그러나 볼륨이 0으로 변경된 후에도 진행률 표시줄은 계속 실행 중이었고 m1.pause()는 적용되지 않았습니다. . 진짜 해라...

迷茫 2017-06-20 10:07:02 0  3  1027

body 태그의 background-image 속성에 애니메이션 추가: 단계별 가이드

스타일 태그에 배경 이미지를 사용하고 있습니다. <style>body{Background-image:url("img.jpg");Background-size:cover;transition:Background-image4slinear;}</style>페이지에 별도의 div를 추가하지 않고 이미지를 페이드 인하고 싶습니다. . 이 목표를 달성할 수 있습니까?

P粉347804896 2024-03-29 21:59:19 0  2  480

스크롤 배경 이미지의 불투명도를 낮추고 최소 불투명도를 제한합니다.

스크롤할 때의 불투명도를 줄이고 랜딩 페이지에서 멀어질 때 배경 이미지를 가져오려고 합니다. 바닐라 자바스크립트를 사용하여 불투명도를 최소 0.5로 낮추려고 합니다. 스크롤 함수에 Math.max()를 추가하여 0.5까지만 낮추려고 했지만 이로 인해 모든 페이지에서 이미지가 0.5로 유지되었습니다. 랜딩 페이지의 불투명도는 항상 1로 설정하고 다른 모든 페이지의 불투명도는 0.5로 설정하고 싶습니다. 스크롤에 애니메이션을 적용할 수 있지만 0.5에서 멈춰야 합니다. constlandingHeight=document.getElemen...

P粉166675898 2024-04-04 23:50:53 0  1  1507

다음 js는 일부 모바일 장치에서 구성 요소의 텍스트가 흐려집니다.

제목에서 알 수 있듯이 nextjs 페이지의 일부 텍스트가 흐릿하게 보이지만 일부 모바일 장치에서는 온라인으로 보이는 문제가 여전히 발생합니다. 나는 일부 iPhone에서 이것을 가장 눈에 띄게 발견했습니다. 콘솔을 사용하여 모바일 레이아웃을 테스트하는 경우 모바일 장치의 경우에도 마찬가지입니다. 이것은 내 페이지에 있는 두 가지 구성 요소의 문제일 뿐입니다. 두 카드를 뒤집어 뒷면을 볼 수 있습니다. 또한 Framermotion을 사용하여 애니메이션을 적용했습니다. 스타일 지정은 Tailwind를 통해 수행되며 페이지의 다른 부분...

P粉329425839 2023-09-12 21:31:00 0  1  680

javascript - 진행률 표시줄의 구현 원리와 이 레이아웃을 구현하는 방법, 경마 시 배경이 움직이는 원리에 대해 질문하고 싶습니다.

(www.sf.gg)는 중국 최고의 개발자 기술 커뮤니티입니다. 프로그래밍 매니아들을 위한 순수하고 수준 높은 기술 교류 플랫폼을 제공하고, 개발자들과 함께 배우고 소통하며 성장하며 개발자들을 위한 시대를 만들어 나가고자 합니다!

扔个三星炸死你 2017-06-28 09:28:03 0  1  692

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  900

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  782

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  659

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  631