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

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

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

html5 - z-index는 브라우저 디버깅에서는 유효하지만 휴대폰 테스트에서는 유효하지 않습니다.

브라우저 디버깅 시 드래그 이벤트 발생 후 화살표가 숨겨지는데, 모바일 위챗에서는 사용이 쉽지 않습니다. 이 요소에는 애니메이션을 삭제하면 효과가 나타납니다. 현재 스타일 파일에는 플로팅이 없습니다. 위치에 대한 이유는 브라우저에 있기 때문입니다.

高洛峰 2017-07-04 13:45:06 0  2  1852

Vue 전환에서 전환 지연을 제거하는 방법은 무엇입니까?

저는 Vue를 사용하여 마우스를 그림 위로 가져갈 때 위로 이동하고 페이드 인하도록 텍스트 상자에 애니메이션을 적용하고 있습니다. 애니메이션은 정확하지만 시작하기 전에 약간의 지연이 있습니다. 이미지에 마우스를 올리면 텍스트 상자가 매끄럽고 즉시 페이드 인되고 위로 이동하기를 원합니다. 커서가 떠나면 텍스트 상자가 적절하게 페이드 아웃되고 아래로 이동합니다. 템플릿:`{{배지[item].description}}`, 메서드:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49 0  1  528

PHP 양식 텍스트 영역 필드에서 휴대폰 번호 다듬기 및 계산

내 양식에 휴대폰 번호를 복사하여 붙여넣을 수 있는 텍스트 영역 필드가 있습니다. 한 줄에 하나의 번호입니다. 이와 같이 수백 개의 휴대폰 번호를 복사하여 붙여넣어 이 양식에 제출할 수 있습니다. 필드를 잘라내고 싶습니다. 복사하여 붙여넣은 후 10자리만 유지하고 싶습니다. 유효한 10자리 숫자만 유지해야 하며, 다른 모든 유효하지 않은 숫자는 필드에서 자동으로 제거되어야 합니다. 복사하여 붙여넣을 수 있을 뿐만 아니라 숫자를 붙여넣은 후 숫자를 입력할 수도 있습니다. 예: 이 숫자를 이 텍스트 영역 필드에 붙여넣으면 9848012...

P粉883278265 2024-03-31 08:46:11 0  1  479

COCO RLE 바이너리 마스크를 JavaScript로 이미지로 디코딩하는 방법은 무엇입니까?

다음은 COCORLE 마스크의 예입니다. https://pastebin.com/ZhE2en4C 이는 생성된 Predictions.json 파일에서 가져온 YOLOv8 유효성 검사 실행의 출력입니다. JavaScript에서 해당 문자열을 디코딩하여 캔버스에 렌더링하려고 합니다. 인코딩된 문자열은 Python에서 다음을 수행할 수 있기 때문에 유효합니다. frompycocotoolsimportmaskaskcoco_maskfromPILimportImagee

P粉709307865 2023-12-07 10:08:08 0  1  726

php - URL을 더 예쁘게 만드시겠습니까?

중국어 웹사이트를 렌더링하고 일부 특수 문자를 "-" {code...}로 변환하고 싶습니다. 이렇게 가끔 두 개의 "--"가 나타나는 경우가 있습니다. 문자열에서 "-"가 두 개 이상 있다고 가정하도록 만드는 방법입니다. -", 자동으로 "1"이 됩니다. xx-x--xxxx--xxx는 xx-x-xxxx-xxx가 됩니다. 그런 다음 문자열이 끝난다고 가정하면...

迷茫 2017-06-12 09:21:22 0  1  833

javascript - 변환으로 스크롤 효과를 생성하려면 두 요소가 필요한 이유

작은 공의 포물선 효과를 얻기 위해 두 개의 애니메이션을 수행하기 위해 하나의 요소 <div class="ball"></div> ? 그런 다음 변환을 사용하여 x 및 y 축을 수정했는데 이렇게 쓰면 효과가 없는 것으로 나타났습니다. 그런데 왜? 이것...

滿天的星座 2017-05-19 10:18:02 0  2  861

전환을 통해 브라우저 크기에 맞게 텍스트 크기 조정

버튼 위로 마우스를 가져갈 때 브라우저의 100% 크기로 조정하고 싶은 텍스트가 있습니다. 이 텍스트를 브라우저/컨테이너에 맞추려면 어떻게 해야 합니까? 나는 글꼴 크기를 사용하여 글꼴 크기:100vw와 같은 작업을 수행할 수 있다는 것을 알고 있지만 글꼴 크기의 애니메이션은 매우 불안정하므로 이 방법을 사용할 수 없습니다. http://jsfiddle.net/0n15mfyL/ 지터에 대해 궁금한 분들을 위해 글꼴 크기를 줄이면 눈에 띄게 나타납니다. http://jsfiddle.net/rbk48

P粉459578805 2023-09-08 11:11:22 0  1  746

장치 디스플레이 모드가 어두울 때 Flutter 웹 앱에서 텍스트 색상을 검은색으로 설정하는 방법은 무엇입니까?

Flutter에서 웹 앱을 만들었고 예상대로 작동하지만 일부 모바일 장치(특히 Samsung 장치의 기본 브라우저, Chrome에서는 제대로 작동함)에서 문제가 있습니다. 로그인 페이지에서 내 페이지 배경색은 흰색이고 텍스트 양식 필드 텍스트 색상은 검은색인데 텍스트 양식 필드에 입력하려고 하면 흰색으로 표시됩니다(장치 디스플레이 테마가 어두운 경우). 검정색으로 하드코딩을 시도했지만 어두운 테마에서는 작동하지 않습니다. MaterialApp에서 테마를 적용해 보았지만 아무 효과가 없었습니다.

P粉216807924 2023-09-11 20:16:42 0  1  600

탭 전환 효과를 만들려면 어떻게 해야 합니까(텍스트 내용도 이에 따라 변경됨)

그림과 같이 이런 라벨 전환 효과를 만들고 싶은데 어떻게 해야 하나요?

yuippp 2019-09-10 11:35:49 0  2  1289

Chrome 모바일 웹에서 레이아웃/시각적 뷰포트가 변경된 후 제목을 시각적 뷰포트 위에 유지하는 방법은 무엇입니까?

이와 관련된 여러 질문이 있다는 것을 알고 있지만, 이러한 질문을 받은 이후 브라우저 팀이 변경을 했기 때문에 그 중 어느 것도 더 이상 유효한 것 같지 않습니다. 나는 이 문제에 대한 최신 해결책을 찾으려고 노력하고 있습니다. 목표 모바일 웹 브라우저를 사용할 때, 특히 사용자가 입력 필드에 초점을 맞추고 가상 키보드가 표시될 때 앱과 같은 경험을 위해 고정 헤더를 상단에 유지하는 것이 바람직합니다. 배경 컨텍스트 최근 Chrome 모바일 팀은 iOS 및 iOS의 Chrome에서 더 잘 작동하도록 모바일 웹 레이아웃과 시각적 표시...

P粉833546953 2024-03-28 00:24:35 0  1  416

디렉토리의 파일이 대소 문자를 구분하지 않도록 nginx를 설정하는 방법

캐시는 동적으로 생성되므로 URL을 통해 직접 캐시 파일을 읽는 것이 더 효율적입니다. 그러나 캐시 문자는 모두 소문자입니다. 예를 들어 http://xxx/ooo/abc.jpg일 때 사용자가 http://xxx/ooo/ABC.jpg를 읽으면 캐시를 찾을 수 없습니다(오류가 보고됩니다. 어떻게 ooo에서만 검색할 수 있습니까?) /...

给我你的怀抱 2017-05-16 17:28:49 0  3  867

Joi 유효성 검사에 문제를 일으키는 특수 문자

텍스트 상자의 내용을 250단어로 제한하고 싶습니다. 이를 달성하기 위해 joi 유효성 검사를 사용하고 있습니다. 모든 문자(특수 문자 포함)를 계산해야 하며 250단어만 허용합니다. 그러나 다음과 같은 문제에 직면했습니다. 첫 번째 특수 문자가 등장하자마자 3단어 이후에도 "이 섹션은 250자를 초과할 수 없습니다"라는 조이 유효성 검사 오류가 발생합니다. PDF에서 콘텐츠를 복사하여 붙여넣으면 화면이 정지됩니다. 그래서 내 조이 스키마에 문제가 있는 것 같아요. 설명1:Joi.string().regex(/^((...

P粉267791326 2023-08-31 09:52:18 0  1  599

클릭하면 텍스트가 새 요소(예: 구분선)로 바뀌도록 하려면 어떻게 해야 합니까?

페이지의 특정 텍스트를 클릭하면 구분 기호/새 요소로 바뀌는 방법을 찾으려고 합니다. 어떻게 설명해야 할지 모르겠지만, 아래에 제목이 있는 이미지를 상상해 보세요. 제목을 클릭하면 위의 이미지가 텍스트 상자/다른 이미지/스크롤 가능한 구분 기호처럼 됩니다. 여기에서는 오른쪽의 해골 이모티콘을 클릭하면 왼쪽 상자에 새 div/이미지가 나타나는 페이지의 효과를 얻으려고 합니다. 나는 소스 코드를 보고 그녀가 이 효과를 얻기 위해 무엇을 하는지 확인하고 있지만 여전히 무엇인지 잘 모르겠습니다. w3schoolson을 사용하려고 합니다

P粉872101673 2024-04-04 11:21:03 0  1  3855

내 웹사이트가 데스크톱에서는 제대로 표시되지만 모바일 화면에서는 표시되지 않습니다.

나는 HTML/CSS를 사용하여 개인 웹사이트를 디자인합니다. 그러나 텍스트는 전화 크기에 맞게 조정되지 않습니다. 아래 그림을 참고해주세요. 웹사이트는 데스크톱에서는 보기 좋게 보이지만 모바일 장치에서는 제대로 표시되지 않습니다. 내 Google 드라이브 삽입이 휴대폰 화면에 맞지 않습니다. 내 전화기에 GGDPDF가 포함되어 있다고 표시됩니다. 이 문제를 해결하려면 어떻게 해야 합니까? 매우 감사합니다. 내 코드는 다음과 같습니다. HTML<!DOCTYPEhtml><html><head><ti...

P粉827121558 2024-03-30 15:09:41 0  1  555

Vite React 프로젝트를 저장할 때마다 기존 캔버스 요소를 바꾸는 대신 새 캔버스 요소가 페이지 본문에 추가되는 이유는 무엇입니까?

저는 ThreeJ를 배우기 시작하려고 합니다(저는 Javascript 웹 개발도 처음입니다). 몇 가지 튜토리얼을 본 후 Vite 및 React로 시작한 다음 기본 회전 큐브로 시작했습니다. 이 부분은 작동합니다. 하지만 vite에 대해 읽은 내용에 따르면 작업 중인 파일을 저장하면 페이지에 다시 로드하기에 충분할 것입니다. 그러나 실제로는 그렇지 않습니다. 페이지 콘텐츠를 확인한 후 파일을 저장할 때마다 동일한 캔버스 요소가 페이지 본문에 2배 추가됩니다(기존 요소를 바꾸는 대신). 즉, 페이지 내용을 보려면 페이지 아래쪽으로 스...

P粉186904731 2024-03-30 09:57:49 0  1  548

날짜 선택기를 숫자와 하이픈만 허용하도록 제한하고 Vue에서 다른 값을 제한하는 방법

날짜를 처리하기 위해 vue2-datepickernpm 패키지를 사용하고 있습니다. 날짜 입력에는 모든 문자, 숫자, 특수 문자가 허용됩니다. 하지만 입력에 숫자, 하이픈, 슬래시만 허용하고 싶습니다. 일반 HTML 입력을 사용하면 쉽게 이를 달성할 수 있습니다. 하지만 날짜 선택기에서 이를 구현하는 방법은 무엇입니까? 어떤 도움이라도 대단히 감사하겠습니다. 내가 사용하고 있는 npm 링크에 대해 미리 감사드립니다. 다양한 값을 허용하는 입력 필드를 보여주는 이미지. 내가 사용하는 태그와 속성은 다음과 같습니다. <date-p...

P粉729518806 2023-08-26 14:57:04 0  1  672

JavaScript 기본 사항

JavaScript1. JS와 DOM의 관계 브라우저에는 html 코드를 렌더링하는 기능이 있습니다. html 소스 코드는 메모리에 DOM 객체로 구성되어 있으며 내부에는 JS 인터프리터/실행/엔진이 있습니다. 예를 들어, 크롬은 v8 엔진을 사용합니다. JS 코드는 엔진에 의해 실행되고, 그 실행 결과는 우리가 흔히 볼 수 있는 특수 효과입니다. 그림이 떠다니고 텍스트의 색상이 바뀌는 것처럼 브라우저가 실행되면 html 코드를 만나게 되고, js를 만나면 해석되어 실행됩니다.

只是没有如果 2018-11-19 20:33:14 0  0  1131