css-sprites

0열

1답변

나는 미화를 사용하여 애니메이트하는 스프라이트를 가지고 있습니다 GSAP Tween platform. 이 무례 함은 애니메이션을 만드는 데 사용되는 7 가지 이미지를 포함합니다. 스프라이트의 각 이미지는 1000px x 1000px입니다. 다음은 아래 코드입니다. HTML <div id="animate-wrapper"> <img src="test.

1열

1답변

스택 된 요소를 부스트랩 및 CSS 스프라이트 요소로 가운데에 맞추는 방법

CSS 스프라이트로 요소가 만들어진 것을 고려하여 5 개의 요소를 Boostrap에 중첩시키는 방법 <div class="container"> <div class="row benefitRow"> <div class="col-lg-2 col-md-offset-1 iconThumb"><p class="benefitText">text</p></div> <d

0열

1답변

CSS 스프라이트는 크롬에 모바일

HTML을 작동하지 : <span class="activity-2"> </span> CSS : .activity-2 { background-position: 0 -80px; border: 1px solid #e4e4e4; border-radius: 2px; background-image: url(https:/

1열

3답변

div 안에 CSS 스프라이트를 센터링하는 방법은 무엇입니까?

내 홈페이지에 여러 이미지가 결합 된 CSS 스프라이트를 만들었습니다. 그러나 나는 지금 그 심상을 표시하는 문제점이있다. 당신은 이미지 (가게 로고는) 중앙에 표시되지 않는 것을 알 수있다. 그들이 같이 .client { padding: 70% 0 0; background: #ffffff; } 패딩을 제거한 후 : <div cl

0열

1답변

모든 스프라이트 이미지에 애니메이션을 적용하는 방법은 무엇입니까?

선택한 이미지 스프라이트에 하나의 라인 이미지가 없을 때 모든 이미지 스프라이트에 애니메이션을 적용하는 방법은 무엇입니까? 은 **이 하나의 예는 여기에 한 줄의 이미지가 ** 링크 : .hi { width: 50px; height: 72px; background-image: url("http://s.cdpn.io/79

1열

1답변

'background-size : contains;'와 같은 응답 크기의 아이콘에 대한 스프라이트

나는 많은 아이콘을 가진 앱을 가지고있다. 필자는이 아이콘에 스프라이트를 사용하는 것이 여러 개의 작은 이미지를 갖는 대신 올바른 방법이라는 것을 알고 있습니다. 그러나, 나는 용기 (background-size: contain;)과 같은 크기로 그 아이콘이 필요, 그래서 각 아이콘에 대해 여러 이미지를 사용할 수 밖에 없었다 : : .icon1 {

0열

1답변

CSS 스프라이트 시트 애니메이션이 작동하지 않습니다 (좌우로 스크롤)

CSS 애니메이션을 사용하여 캐릭터를 애니메이션으로 만듭니다. 하나의 애니메이션을 성공적으로 완료했지만 다른 애니메이션을 시도 할 때 좌우로 스크롤하는 것과 같이 이상한 영향을받습니다. Texture Packer를 사용하여 스프라이트 시트를 만듭니다. 한 행에 스프라이트를 유지 : 내 연구를 통해 나는 다른 접근을 시도했습니다. 여러 스프라이트 시트를 시도

0열

2답변

스프라이트로 배경 위치를 설정하는 방법은 무엇입니까?

안녕과 새해 복 많이 받으세요 : D 그래서 여기에 문제가 있습니다 : 스프라이트가있는 페이지에 6 개의 열기구를 보여주고 싶습니다. 실제 스프라이트에는 6 개의 컬러 풍선이 있습니다. 코드와 결과를 볼 수 있습니다. HTML : <div class="hotairballoons"> <div class="ball-1"></div> <div

0열

2답변

배경 CSS 스프라이트 이미지 너비 설정

배경 CSS 스프라이트 이미지 너비를 설정하는 방법이 있습니까? 나는 배경 아이콘 CSS 스프라이트를 사용하고 있기 때문에 <a href="#">shop</a> a{ background-image: url(http://placehold.it/60x60/ff0000/000&text=100)!important; background

1열

2답변

Html animated content how to

나는 아래의 예처럼 활발한 애니메이션 화면 콘텐츠가 필요한 작업이 있습니다. 이 예제가 어떻게 완성 되었습니까? css, sprite, gif, video? 슬라이딩 화면, 애니메이션 스크롤 막대, 페이지 매김, 움직이는 아이콘 등이 모두 포함 된 영화로 표시됩니다. 어떻게 아래에 만들어지고 그렇게 효율적으로 실행되는지에 대한 아이디어는 크게 감사 할 것입