모바일 장치 상호 작용을 위한 호버 애니메이션을 조정하는 방법은 무엇입니까?
2024년 12월 21일에 게시됨
검색:533
모바일 기기 상호작용을 위한 :hover 애니메이션 조정
패널을 확장하는 :hover CSS 애니메이션이 모바일에서 실행되지 않는 문제가 발생했습니다. 마우스 호버링이 없기 때문에 장치. 이 문제를 해결하려면 페이지 너비가 700px 미만일 때 트리거를 '클릭' 또는 '터치'로 전환하는 것이 목표입니다.
이를 달성하려면 :hover 및 :active 선택기의 조합을 활용할 수 있습니다. CSS에서 :hover 다음에 :active를 사용하여 선택기를 주문하면 패널의 터치 또는 클릭 동작도 애니메이션을 트리거하도록 할 수 있습니다. 업데이트된 CSS는 다음과 같습니다.
.info-slide:hover, .info-slide:active {
height: 300px;
}이 변경을 통해 데스크톱과 휴대기기 모두에서 마우스를 올리거나 터치하면 패널이 확장됩니다. 시뮬레이터에서는 정확한 결과를 제공하지 못할 수 있으므로 기능 검증을 위해서는 실제 모바일 환경에서 테스트해 보시기를 권장합니다.
최신 튜토리얼
더>
-
CSS의 인라인 요소에서 Margin Top이 작동하지 않는 이유는 무엇입니까?여백 상단 및 인라인 요소CSS에서 여백 속성은 요소 테두리 외부의 간격을 정의하는 데 사용됩니다. 그러나 인라인 요소, 특히 Firefox에서 여백 상단을 사용할 때 일반적인 문제가 발생합니다.문제:인라인 요소에 대해 여백 상단이 무시되는 것으로 나타나는 이유는 무엇...프로그램 작성 2024년 12월 21일에 게시됨 -
XPath를 사용하여 CSS 클래스별로 HTML 요소를 효율적으로 찾으려면 어떻게 해야 합니까?XPath를 사용하여 CSS 클래스별로 요소 찾기웹 스크래핑에서는 CSS 클래스를 기반으로 HTML 요소를 찾아야 하는 경우가 많습니다. XML 및 HTML 문서를 탐색하기 위한 강력한 도구인 XPath는 이를 달성하는 방법을 제공합니다."Test"라...프로그램 작성 2024년 12월 21일에 게시됨
-
`array_shift()`가 "엄격한 표준: 변수만 참조로 전달되어야 합니다"를 트리거하는 이유는 무엇입니까?오류 메시지 "엄격한 표준: 변수만 참조로 전달되어야 합니다."array_shift()를 사용할 때 엄격한 표준을 보고할 수 있습니다. 전달된 인수가 함수 호출의 결과인 경우 경고합니다. 이 동작은 항상 경고를 트리거하지 않기 때문에 일관성이 없어 보...프로그램 작성 2024년 12월 21일에 게시됨
-
Pandas에서 집계를 어떻게 수행할 수 있나요?Pandas의 집계Pandas로 집계를 수행하려면 어떻게 해야 하나요?집계 함수는 반환된 개체의 차원을 줄입니다. 일반적인 집계 함수로는 평균(), sum(), size(), count(), std(), var() 및 sem()이 있습니다.df1 = df.groupby...프로그램 작성 2024년 12월 21일에 게시됨
-
C++에서 정적 `const std::string` 데이터 멤버를 초기화하는 방법은 무엇입니까?const std::stringC 유형의 정적 데이터 멤버 선언, 클래스 정의 내에서 직접 const std::string 유형의 정적 데이터 멤버를 초기화하는 것은 다음과 같습니다. 허용되지 않습니다. 대신 이러한 데이터 멤버를 정의하는 두 가지 옵션이 있습니다.인라...프로그램 작성 2024년 12월 21일에 게시됨
-
macOS의 Django에서 \"부적절하게 구성됨: MySQLdb 모듈 로드 오류\"를 수정하는 방법은 무엇입니까?MySQL이 잘못 구성됨: 상대 경로 문제Django에서 python prepare.py runserver를 실행할 때 다음 오류가 발생할 수 있습니다:ImproperlyConfigured: Error loading MySQLdb module: dlopen(/Libra...프로그램 작성 2024년 12월 21일에 게시됨
-
Python의 함수 내부에서 함수 이름을 얻는 방법은 무엇입니까?함수 내에서 함수 이름에 액세스Python에서는 함수 자체 내에서 함수 이름을 결정하는 것이 동적 내부 검사가 필요한 상황에서 유용할 수 있습니다. 필요합니다.inspect 모듈은 실행 중인 프로그램 코드에 대한 정보를 얻기 위한 편리한 메커니즘을 제공합니다. Insp...프로그램 작성 2024년 12월 21일에 게시됨
-
스프레드시트 열 색인 번호를 해당 문자로 변환하는 방법은 무엇입니까?스프레드시트 열 색인을 문자로 변환Google 스프레드시트에서는 열의 색인이 1부터 시작하는 숫자로 지정됩니다. 그러나 편의상 또한 일반적으로 문자를 사용하여 참조됩니다(예: 첫 번째 열의 경우 "A", 네 번째 열의 경우 "D")....프로그램 작성 2024년 12월 21일에 게시됨
-
`reader.ReadString`이 초기 구분 기호를 제거하지 않는 이유는 무엇입니까?reader.ReadString은 초기 구분 기호를 제거하지 않습니다.Alice 또는 Bob이라는 사용자에게 인사하는 프로그램을 만들기 위한 노력의 일환으로 개발자는 합법적인 이름이라도 달갑지 않은 응답을 유발하는 문제가 발생했습니다. 프로그램이 Alice와 Bob 모...프로그램 작성 2024년 12월 21일에 게시됨
-
ServletContext를 사용하여 WAR/WEB-INF 디렉토리의 리소스에 액세스하는 방법은 무엇입니까?ServletContext를 사용하여 WAR/WEB-INF 디렉토리의 리소스에 액세스소개: Java 웹 애플리케이션은 WAR/WEB-INF 디렉토리 내에 필수 리소스를 저장하는 경우가 많습니다. 이러한 리소스에 액세스하기 위해 개발자는 ServletContext API...프로그램 작성 2024년 12월 21일에 게시됨
-
Bootstrap을 사용하여 반응형 레이아웃에서 요소를 숨기는 방법은 무엇입니까?부트스트랩을 사용하여 반응형 레이아웃에서 요소 숨기기반응형 레이아웃을 디자인할 때 특히 작은 화면에서는 공간 관리가 중요합니다. Bootstrap은 모바일 장치용 메뉴 표시줄 항목 축소를 지원하지만 다른 페이지 요소를 유사하게 숨기고 싶다면 어떻게 해야 할까요?해결책:...프로그램 작성 2024년 12월 21일에 게시됨
-
Bootstrap 4 베타의 열 오프셋은 어떻게 되었나요?Bootstrap 4 베타: 열 오프셋 제거 및 복원Bootstrap 4는 베타 1 릴리스에서 열 오프셋 방식에 중요한 변경 사항을 도입했습니다. 열이 오프셋되었습니다. 그러나 후속 베타 2 릴리스에서는 이러한 변경 사항이 취소되었습니다.offset-md-*에서 ml-...프로그램 작성 2024년 12월 21일에 게시됨
-
MySQL을 사용하여 오늘 생일을 가진 사용자를 어떻게 찾을 수 있습니까?MySQL을 사용하여 오늘 생일이 있는 사용자를 식별하는 방법MySQL을 사용하여 오늘이 사용자의 생일인지 확인하려면 생일이 일치하는 모든 행을 찾는 것이 필요합니다. 오늘 날짜. 이는 UNIX 타임스탬프로 저장된 생일을 오늘 날짜와 비교하는 간단한 MySQL 쿼리를 ...프로그램 작성 2024년 12월 21일에 게시됨
-
임베디드 Python에서 \"Py_Initialize: 파일 시스템 코덱을 로드할 수 없습니다\" 오류를 수정하는 방법은 무엇입니까?내장된 Python의 "Py_Initialize: 파일 시스템 코덱을 로드할 수 없음" 오류 해결내장된 Python 3.2 인터프리터를 C 응용 프로그램의 경우 "파일 시스템 코덱을 로드할 수 없습니다"라는 오류가 발생할 수 있습니다...프로그램 작성 2024년 12월 21일에 게시됨
-
JavaScript가 웹페이지 스크린샷을 캡처하여 서버로 보낼 수 있습니까?JavaScript로 웹페이지 스크린샷 캡처: 가능합니까?웹 기반 애플리케이션이 어디에나 있는 세상에서 웹페이지 스크린샷을 찍는 것은 개발자와 사용자 모두에게 중요한 작업이 됩니다. 그러나 질문이 생깁니다. JavaScript를 사용하여 웹페이지 스크린샷을 캡처하고 서...프로그램 작성 2024년 12월 21일에 게시됨
중국어 공부
- 1 "걷다"를 중국어로 어떻게 말하나요? 走路 중국어 발음, 走路 중국어 학습
- 2 "비행기를 타다"를 중국어로 어떻게 말하나요? 坐飞机 중국어 발음, 坐飞机 중국어 학습
- 3 "기차를 타다"를 중국어로 어떻게 말하나요? 坐火车 중국어 발음, 坐火车 중국어 학습
- 4 "버스를 타다"를 중국어로 어떻게 말하나요? 坐车 중국어 발음, 坐车 중국어 학습
- 5 운전을 중국어로 어떻게 말하나요? 开车 중국어 발음, 开车 중국어 학습
- 6 수영을 중국어로 뭐라고 하나요? 游泳 중국어 발음, 游泳 중국어 학습
- 7 자전거를 타다 중국어로 뭐라고 하나요? 骑自行车 중국어 발음, 骑自行车 중국어 학습
- 8 중국어로 안녕하세요를 어떻게 말해요? 你好중국어 발음, 你好중국어 학습
- 9 감사합니다를 중국어로 어떻게 말하나요? 谢谢중국어 발음, 谢谢중국어 학습
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
