javascript - 이 스트로크 애니메이션 효과는 어떻게 얻습니까?

이 스트로크 같은 효과는 마우스를 위에 올리면 나타납니다. 순수한 CSS로 얻을 수 있습니까? 동일한 효과를 얻는 방법은 무엇입니까?

学习ing 2017-06-24 09:44:08 0  3  876

다음과 같이 다시 작성된 제목: 목록 항목을 위의 텍스트와 정렬하는 방법은 무엇입니까?

유효하지 않은 HTML을 사용하면 원하는 모양을 얻을 수 있지만 유효한 HTML을 사용하지는 않습니다. <SPAN>의 효과를 시뮬레이션하기 위해 <FIGURE> 또는 <FIGCAPTION>을 구성할 수 있는 CSS가 있습니까? 나는 그것의 모양이 왼쪽에 있고 유효한 HTML이 오른쪽에 있기를 원합니다. 잘못된 HTML: body{margin:auto;padding:05px05px;font-family:Tahoma,Verdana,sans-seri

P粉463840170 2023-09-09 15:47:47 0  2  584

CSS 표시 속성의 그라데이션 효과

저는 현재 CSS "슈퍼 드롭다운"을 디자인하고 있습니다. 기본적으로 일반 순수 CSS 드롭다운이지만 그 안에 다양한 유형의 콘텐츠가 있습니다. 현재 CSS3 전환 효과는 "display" 속성에 적용되지 않는 것 같습니다. 즉, display:none에서 display:block(또는 임의의 조합)으로 전환할 수 있는 방법이 없습니다. 위의 예에서 누군가 최상위 메뉴 항목 위로 마우스를 가져갈 때 두 번째 수준 메뉴가 "페이드 인"되도록 하는 방법이 있습니까? visible: ...

P粉608647033 2023-08-21 11:08:32 0  2  548

javascript - JS 이벤트 버블링 문제

사례 종료: CSS를 사용하여 이 효과를 얻으세요. 도움을 주셔서 감사합니다. 이 효과를 구현하기 위해 CSS를 사용하도록 전환했습니다. 1. 다음 코드에서는 a 태그의 mouseover 및 mouseout 이벤트를 수신하여 캔버스 애니메이션을 트리거하고 mouseover 및 mouseout 콜백에서 해당 이벤트가 버블링되는 것을 방지했지만 마우스가 움직일 때...

学习ing 2017-06-12 09:32:56 0  3  794

태블릿에서 브라우저 제스처 확대/축소 기능을 완전히 비활성화하는 방법

태블릿에서는 멀티터치 기능이 있어서 제스처를 이용해 직접 확대/축소할 수 있는데, 현재는 이 효과를 비활성화하고 싶은데, 여러 가지 방법을 시도해 봤는데 역시 안되는 것 같습니다. 줌은 PC CTRL + 스크롤 휠 줌과 동일합니다. 단순한 메커니즘이 아니라 가장 안정적인 것은 CSS 컨트롤입니다.

怪我咯 2017-06-30 09:57:23 0  1  1072

javascript - 클릭 이벤트 버그입니다. 무엇이 잘못되었는지 모르겠습니다.

1. 그림이 입 오른쪽으로 스크롤 된 후 왼쪽 화살표를 빠르게 클릭하면 돋보기 기능이 무효화되고 그 외의 경우에는 아무데나 클릭해도 문제가 없는 것 같습니다. 어디에서 문제가 발생했는지 알 수 없습니다. stop()과clearQueue()를 사용했지만 효과가 없습니다. html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  973

CSS - Blur() 필터에 투명 효과가 있는 이유는 무엇입니까?

현재 상황은 다음과 같습니다. 베이징에서는 매장 사진의 배경을 흐리게 설정했지만 이제 필터를 사용하여 흐리게 처리하는 데 투명한 문제가 있습니다. 일반적으로 배경이 흐려지는 것은 의사 요소이기 때문입니다. , CSS에서 이미지 리소스를 얻을 수 없어서 이렇게 작성했습니다. 요소는 절대값을 통해 위치 지정됩니다...

巴扎黑 2017-05-16 13:26:12 0  1  787

html - 요소가 Google 및 Firefox 브라우저에서 다르게 표시됩니다. CSS 해킹을 사용하여 문제를 해결하고 싶으십니까?

div 요소의 높이는 Google 및 Firefox 브라우저에서 다른 효과를 표시합니다. CSS 해킹을 사용하여 문제를 해결하고 싶지만 이 두 코드가 작동하지 않습니다. . .

淡淡烟草味 2017-06-17 09:16:40 0  2  955

line-height가 CSS에서 높이를 지정하지 않는 경우 기본값은 무엇입니까?

CSS에 line-height가 지정되지 않은 경우 기본값은 무엇입니까? 글꼴 크기와 동일합니까? 때로는 수동으로 글꼴 크기와 동일하게 설정하는 것이 기본적으로 설정하지 않은 상태로 두는 것과 다른 효과가 있는 것처럼 느껴집니다.

不言 2018-10-23 17:43:22 0  1  1578

css3 - CSS 전환 효과로 인해 텍스트가 흐려지거나 떨리나요?

gif로 직접 이동해 보겠습니다. 코드: 템플릿: {code...} CSS: {code...} 일부 관련 없는 스타일이 제거되었습니다. 현재 알려진 상황은 오른쪽에 있는 작은 삼각형의 전환 효과입니다. Chrome의 드롭다운 상자에 backface-visibility: hide;를 추가하면 텍스트가 흐려지고 흔들립니다.

ringa_lee 2017-05-24 11:35:53 0  2  2410

페이드 인/페이드 아웃 전환이 포함된 CSS 선택 윤곽

오른쪽 가장자리에서 페이드 인되고 왼쪽 가장자리에서 페이드 아웃되는 텍스트로 CSS 선택 윤곽을 만들려고 합니다. 글자의 가장자리만 투명해져야 합니다. 나는 이것을 "불투명 마스크"라고 부르고 왼쪽/오른쪽 가장자리에 페더를 적용합니다. CSS 선택 윤곽 코드 예제를 찾을 수 있지만 이와 같은 페이드 인/아웃 효과는 없습니다. 또한 배경은 완전히 투명하고 텍스트에만 가장자리 효과가 있기를 원합니다. 컨테이너에 그라데이션을 추가하려고 시도했지만 돌이켜보면 올바른 경로가 아닌 것 같습니다. 아래는 지금까지 제가 생각해낸...

P粉659516906 2024-03-27 21:24:13 0  2  510

"PrimeVue 라이브러리를 사용할 때 Vue3의 :deep() 선택기가 유효하지 않습니다."

저는 vue3과 PrimeVue 라이브러리를 사용하고 있습니다. :deep() 선택기를 사용하여 PrimeView 구성 요소의 CSS 필드를 재정의하려고 하면 아무 효과가 없습니다. 범위가 지정되지 않은 스타일을 사용할 때만 변경 사항이 적용됩니다. 왜 작동하지 않는지 혼란스러워요. :deep()을 사용한 샘플 코드: <template><Toastposition='buttom-right'/></template><stylesc

P粉785522400 2023-08-29 23:45:06 0  1  570

javascript - 원하는 대로 vscode를 사용자 정의하는 방법

vscode 사용자 정의를 통해 달성하려는 효과는 단축키 JS를 누르고 변수 A를 클릭하여 변수 A의 선언으로 이동하는 것입니다. CSS에서 클래스 이름 B를 클릭하여 B{...} 사용되지 않는 JS 변수 또는 CSS 클래스 이름이 회색으로 표시되고 JS 화살표 기능이 자동으로 완료되어 탭이 닫힐 때 항목 목록이 자동으로 배치되지 않아야 합니다.

代言 2017-07-05 10:38:58 0  1  908

javascript - vuejs의 변수를 기반으로 다양한 CSS 스타일을 참조하는 방법

이전 프로젝트를 Vue 프레임워크로 변경해야 합니다. 이제 우리는 CSS와 모든 것을 갖췄습니다. 이제 변수를 기반으로 다양한 CSS 파일을 소개하고 싶습니다. ''xxx.css}에서 if(){//import'의 논리적 효과와 유사합니다. 여러분께 묻고 싶습니다. vue 프레임워크에서 구현할 수 있나요, 아니면 웹팩을 통해 구현할 수 있나요?

曾经蜡笔没有小新 2017-07-05 10:37:08 0  1  624

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

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

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

배경과 투명 텍스트가 잘립니다.

CSS를 사용하여 아래와 같이 배경에서 투명한 텍스트를 잘라내는 효과를 만드는 방법이 있나요? 이미지가 텍스트를 대체하기 때문에 귀중한 SEO를 모두 잃는 것은 부끄러운 일입니다. 처음에 그림자를 생각했는데 아무것도 생각이 안나네요... 이미지는 웹사이트 배경, 절대 위치의 <img> 태그입니다

P粉439804514 2024-03-25 16:47:36 0  2  544

애니메이션을 사용하여 두 Div를 교체하는 방법

나는 div를 큰 상자로 표시하고 다른 세 개의 div를 아래에 작은 상자로 표시하려는 프로젝트가 있습니다. 작은 상자를 클릭하면 CSS 전환 효과를 사용하여 크기가 변경되고 큰 상자와 위치가 바뀌게 됩니다. 부드러운 움직임과 크기 변화. 현재 jQuery를 사용하려고 하는데 위치 지정이 전혀 작동하지 않습니다. 이것은 나의 현재 예입니다: https://jsfiddle.net/v3pmhawj/1/$(function(){let{left:x1,top:y1}=$('.full-si

P粉191323236 2023-08-26 13:55:33 0  1  474

사이트에 CSS 스타일이 적용되지 않음

Bootstrap5를 사용하여 웹사이트를 만들고 있는데 index.css 속성이 index.html에 적용되지 않습니다. 서비스 카드 위로 마우스를 가져가면 배경이 변경되어 전환 효과가 나타납니다. 이것부터 이것까지 되어야 합니다. 그런데 사이트의 배경색을 임의의 색상으로 변경하려고 하면 변경사항이 사이트에 나타나지 않기 때문에 HTML에 연결된 CSS에 문제가 있을 수 있다고 생각합니다. @importurl('https://fonts.googleapis.com/css2?family=P

P粉613735289 2024-04-06 17:12:23 0  1  516

CSS를 사용하여 이미지 경로를 변경하면 작동하지 않습니다.

CSS의 이미지 경로는 정적 웹사이트에서 수정된 후 서버에 업로드되며, 웹사이트를 열면 수정되지 않은 원본 효과가 표시됩니다. 수정된 이미지는 어떻게 해야 할까요? 처리됐나요? 감사합니다!

PHP中文网用户-5675994 2023-07-20 22:29:02 0  0  1640

상위 범위의 변수를 평가하는 데 사용될 때 CSS 범위 사용자 정의 속성이 인식되지 않습니다.

클래스가 결합 없이 구성될 수 있도록 var 사용자 정의 속성을 통해 크기를 조정하려고 합니다. 원하는 효과는 3개의 목록이 3개의 서로 다른 스케일을 가지게 되는 것입니다. 그러나 CodePen에 표시된 것처럼 3개의 목록은 모두 동일한 스케일을 갖습니다. 저는 구성 가능하고 느슨하게 결합된 코드로 이를 가능하게 하는 범위 지정 및 CSS 사용자 정의 속성 기술에 대한 설명을 찾고 있습니다. :root{--size-1:calc(1*var(--scale,1)*1rem);--size-2:calc(2*var(--sca

P粉006847750 2023-11-01 21:53:10 0  1  652