반응형

CSS 7

동시에 여러 CSS 애니메이션 재생

동시에 여러 CSS 애니메이션 재생 두 개의 CSS 애니메이션을 서로 다른 속도로 재생하려면 어떻게 해야 합니까? 이미지는 회전과 성장이 동시에 이루어져야 합니다. 회전은 2초마다 한 번씩 반복됩니다. 성장은 4초마다 주기적으로 이루어집니다. 예제 코드: .image { position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin:-60px 0 0 -60px; -webkit-animation:spin 2s linear infinite; -webkit-animation:scale 4s linear infinite; } @-webkit-keyframes spin { 100% { transform: rotate(180deg); } }..

programing 2023.11.01

HTML로 문자열 렌더링 및 공백 및 줄 바꿈 보존

HTML로 문자열 렌더링 및 공백 및 줄 바꿈 보존 저는 상세 페이지가 있는 MVC3 앱을 가지고 있습니다.그 일환으로 공백과 새 줄이 있는 설명(db에서 검색)이 있습니다.렌더링되면 html에서 새 줄과 공백이 무시됩니다.저는 그 공간들과 새로운 선들이 무시되지 않도록 인코딩하고 싶습니다. 어떻게 하죠? HTML.Encode를 시도해 보았지만 (그리고 공백과 새 줄뿐만 아니라 다른 특수 문자에도) 인코딩이 표시되었습니다.내용을 사용하여 스타일을 지정합니다. div { white-space: pre-wrap; } This is some text with some extra spacing and a few newlines along with some trailing spaces and five leadin..

programing 2023.10.12

div 내부에 이미지(img)를 맞추고 가로 세로 비율을 유지하려면 어떻게 해야 합니까?

div 내부에 이미지(img)를 맞추고 가로 세로 비율을 유지하려면 어떻게 해야 합니까? 저는 48x48 div를 가지고 있고 그 안에 img 요소가 있습니다, 저는 어떤 부분도 잃지 않고 div에 맞추고 싶습니다, 비율이 유지되는 동안, 그것은 html과 css를 사용하여 달성할 수 있습니까?사용하다max-height:100%; max-width:100%;디브 내부의 이미지에 대해.CSS 객체 맞춤 유감스럽게도 최대 너비 + 최대 높이가 내 작업을 완전히 망라하지는 않습니다.그래서 저는 다른 해결책을 찾았습니다. 스케일링 중에 영상 비율을 저장하려면 다음을 사용할 수도 있습니다.object-fitCSS3 속성. 유용한 기사:CSS3로 이미지 가로 세로 비율 제어 img { width: 100%; /* ..

programing 2023.09.02

Firefox의 선택 요소에서 화살표를 제거하는 방법

Firefox의 선택 요소에서 화살표를 제거하는 방법 저는 스타일을 하려고 합니다.selectCSS3를 사용하는 요소.웹 키트(크롬/사파리)에서 원하는 결과를 얻고 있지만 Firefox가 제대로 작동하지 않습니다(IE도 신경 쓰지 않습니다).저는 CSS3를 사용하고 있습니다.appearance파이어폭스에서 드롭다운 아이콘을 지울 수 없습니다. 여기 제가 하고 있는 일의 예가 있습니다. http://jsbin.com/aniyu4/2/edit #dropdown { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent url('example.png') no-repeat right center; padd..

programing 2023.08.28

부트스트랩이 있는 고정 너비 버튼

부트스트랩이 있는 고정 너비 버튼 부트스트랩은 고정 너비 버튼을 지원합니까?현재 "저장"과 "다운로드" 두 개의 단추가 있으면 내용에 따라 단추 크기가 변경됩니다. 또한 부트스트랩을 확장하는 올바른 방법은 무엇입니까?은 또한 있다니습수도를 할 수 ..btn-block부모 너비로 확장할 수 있도록 단추의 클래스를 선택합니다. 부모가 고정 너비 요소인 경우 단추가 확장되어 모든 너비를 차지합니다.기존 마크업을 컨테이너에 적용하여 고정/유체 버튼이 필요한 공간만 차지하도록 할 수 있습니다. Save Download Save Download 이렇게 하려면 두 단추 모두에 대해 괜찮다고 생각하는 너비를 지정한 다음 너비로 사용자 지정 클래스를 만들고 다음과 같이 단추에 추가할 수 있습니다. CSS .custom ..

programing 2023.08.28

하위 요소를 호버링할 때 상위 요소의 스타일을 지정하는 방법은 무엇입니까?

하위 요소를 호버링할 때 상위 요소의 스타일을 지정하는 방법은 무엇입니까? CSS 부모 선택기가 존재하지 않는다는 것은 알고 있지만, 그러한 선택기 없이 자식 요소를 호버링할 때 양육 요소를 스타일링할 수 있습니까? 예를 들어, 삭제 버튼을 선택하면 삭제하려는 요소가 강조 표시됩니다. Lorem ipsum ... Delete 순수 CSS를 사용하여 마우스가 버튼 위에 있을 때 이 섹션의 배경색을 변경하는 방법은 무엇입니까?오래된 질문이라는 것을 알지만, 저는 가짜 아이 없이 (하지만 가짜 포장지) 겨우 그렇게 할 수 있었습니다. 하면 no로 합니다.pointer-events그 다음엔 어린아이div와 함께pointer-events로 설정한.auto효과가 있습니다. :태그(예:)는 트릭을 수행하지 않습니다...

programing 2023.08.08

반응형 레이아웃에 요소를 숨깁니까?

반응형 레이아웃에 요소를 숨깁니까? 부트스트랩을 살펴보니 작은 화면에 대한 메뉴 모음 항목 축소를 지원하는 것 같습니다.페이지에 있는 다른 항목과 비슷한 것이 있습니까? 예를 들어, 나는 nav-pills를 제대로 띄웠습니다.작은 화면에서 문제가 발생합니다.저는 적어도 비슷한 클릭 투 쇼 더 드롭다운에 넣고 싶습니다. 이것이 기존 부트스트랩 프레임워크 내에서 가능합니까?표시되는 새 클래스가 부트스트랩에 추가되었습니다. 초소형 장치 전화기(

programing 2023.07.29
반응형