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

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

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

공백이 아닌 특정 문자에서 단어를 분리하는 CSS 전용 방법이 있습니까?

단어(예: THIS_PHRASE_HERE)가 그 안에 있는 div(고정 너비)를 오버플로하는 경우 밑줄로 분할하고 싶습니다. word-break:break-all을 사용하여 임의의 문자에서 단어를 분할할 수 있다는 것을 알고 있지만, 특히 끝에 1~2개의 문자 고아가 있는 경우에는 다소 혼란스러워 보입니다. JS로 이 작업을 수행할 수 있다고 확신하지만 word-break: "_"와 같이 CSS에서만 수행할 수 있는 방법이 있는지 궁금합니다.

P粉807397973 2023-09-10 20:24:04 0  2  751

제목이 다음과 같이 변경되었습니다. CSS의 모든 입력 영역(이메일 가입, 댓글 상자 및 레시피 색인 페이지 드롭다운 포함)에서 텍스트 크기를 조정하는 방법은 무엇입니까?

웹사이트: https://olivesfordinner.com/ 홈페이지에서 회원가입을 위해 이메일을 입력할 때 텍스트를 더 크게 만드는 CSS 코드를 찾고 있습니다. 너무 작습니다. 레시피 게시물(예: https://olivesfordinner.com/toasted-muesli-recipe/)에 댓글을 남길 때 독자가 입력함에 따라 텍스트가 커지도록 하려면 어떻게 해야 하나요? 이번에도 텍스트가 너무 작습니다. 왼쪽 열의 드롭다운 텍스트 상자에 있는 텍스트를 더 크게 만드는 방법. 그들은 너무 작습니다! https://ol

P粉465675962 2023-09-14 15:17:43 0  2  633

CSS를 사용하여 줄 바꿈된 텍스트의 채우기 효과 얻기

여기에 미니멀한 예가 있습니다: https://codepen.io/cpcpcpcpcpx/pen/VwZWoyJ 다음 내용: .wrapper{width:200px;}h1{font-size:32px;font-family:Tahoma,Helvetica, sans -serif;line-height:50px;}.header-text{배경:#aabbcc;padding-

P粉969666670 2023-08-25 00:09:03 0  2  538

javascript - 사격 효과를 모방할 때 발생하는 버그

포지셔닝을 사용하여 모방 포격 효과를 작성했는데 가장자리에 닿자마자 버그가 나타납니다. CSS: {code...} JS: {code...} 문제는 ​​포격이 왼쪽에 닿자마자 깨지는 것입니다. 화면: 그런데 숫자를 입력하면 이렇게 되지 않습니다. 고정 너비를 지정하지 않았는데 왜 이런 일이 발생합니까?

習慣沉默 2017-06-30 09:58:38 0  2  889

CSS 팁: 수평선과 가운데 맞춤 텍스트 만들기

일부 텍스트로 가로 구분선을 만들려고합니다. 예를 들면 다음과 같습니다. ---------------------제 제목은 다음과 같습니다--------- - ------------CSS에서 이 효과를 얻을 수 있는 방법이 있나요? 분명히 모든 "-" 대시를 사용할 필요는 없습니다.

P粉248602298 2023-08-20 15:11:18 0  2  509

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

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

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

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

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

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

제목 텍스트 끝부터 컨테이너 끝까지 줄을 추가합니다.

이 CSS를 사용하여 제목 텍스트 끝에서 컨테이너 끝까지 선을 그립니다. h1{display:flex;}h1::after{content:"";flex:auto;border-bottom:3pxsolid#08A7FC ;margin-bottom: 0.25em;} 이는 제목 텍스트가 한 줄보다 길어질 때까지 잘 작동합니다. 그 이유는 h1이 컨테이너의 전체 너비를 차지하기 때문입니다. 이를 달성하기 위한 다른 솔루션이 있습니까? 난 노력 했어

P粉321676640 2023-09-15 19:42:56 0  1  503

Xamarin Forms에서 인라인 CSS에 대한 재정의 메서드 구현

XamarinForms 애플리케이션을 개발했습니다. CSS의 경우 XamarinForms에서 제공하는 인라인 스타일을 사용했으며 앱은 다양한 클라이언트에서 사용됩니다. 그러나 이제 애플리케이션에 사용자 정의 CSS(글꼴, 색상 등)가 있기를 원하는 클라이언트가 있습니다. 특정 클라이언트의 인라인 스타일을 어떻게 재정의할 수 있나요? 내가 사용한 인라인 스타일의 예: CSS 파일을 사용해 보고 필요한 필드에 !important를 사용했지만 작동하지 않았습니다.

P粉275883973 2023-08-15 18:59:07 0  1  450

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

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

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

내 CSS 스타일시트가 더 이상 작동하지 않거나 HTML 파일에 대한 링크가 작동하지 않습니다. 이유가 무엇일까요?

답변을 찾기 위해 많은 포럼을 검색했고 약 50개의 Google 링크를 살펴봤지만 작동하는 항목을 찾지 못했습니다. 내 CSS가 내 HTML에 표시되지 않습니다. Flexbox 컨테이너와 2개의 Flexbox를 추가하기 전까지 내 코드는 제대로 작동했습니다. Flexbox가 이 특정 HTML 파일 외부에서 작동하는지 확인하기 위해 항상 코드를 테스트합니다. 또한 내 CSS가 localhost/#my_file#의 "요소 검사"에서 업데이트되지 않는 것을 확인했습니다. 이 상황

P粉473363527 2024-04-03 09:49:45 0  1  548

Flutter WebView 글꼴 크기가 너무 큽니다.

저는 현재 flutter_inappwebview를 사용하여 이 웹사이트를 렌더링하고 있으며 모든 것이 잘 작동하고 있지만 일부 텍스트의 크기가 평소보다 크다는 것을 발견했습니다. 이는 애플리케이션 전체에서 발생합니다. rem 단위를 사용하여 CSS에서 글꼴 크기를 정의합니다. 이것이 관련이 있을 수 있나요? androidwebview 설정에 최소FontSize가 있지만 이 문제는 iOS에서 발생하는 것으로 나타났습니다. 웹에서는 어떻게 보이고 FlutterWebview(ios 시뮬레이터)를 사용하면 어떻게 작동합니까? 다음과 같은 ...

P粉463824410 2024-03-27 18:45:56 0  1  726

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

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

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