css-sprites

1열

1답변

Sprites VS 큰 이미지

내 웹 사이트에서 성능 테스트를하는 동안 홈 페이지의 3 개 이미지가로드 할 이미지 당 1 초 걸리는 것으로 나타났습니다. 이러한 이미지는 3 1000 x 1000 고화질 이미지로 홈페이지에만로드됩니다. 웹 사이트의로드 시간을 줄이기 위해이 3을 스프라이트 시트로 바꾸려고했습니다. 이것이 좋은 생각이라고 생각하십니까? 나는 스프라이트가 작은 이미지에서 잘

html css image css-sprites 2016-09-06

---

-1열

1답변

css 스프라이트 또는 인라인 이미지를 사용하여 유체 설계에 가장 적합한 방법은 무엇입니까?

유동적 인 레이아웃을 가지고있는 웹 사이트에서 일하고 있습니다. 현재 딜레마가 있습니다. CSS Sprite를 사용하거나 인라인 이미지를 선택해야합니까? 모든 이미지는 유동적이어야하며 각 화면 크기에서 크기를 줄이거 나 늘려야합니다. 나는 CSS 스프라이트 이미지를 사용하려고 생각했지만, 모든 주요 화면 너비를 식별하고 그 너비로 모든 이미지를 슬라이스하여

css responsive-design sprite css-sprites fluid-layout 2015-01-29

---

0열

1답변

정사각형 형태로 스프라이트를 생성 할 수 있습니까?

내 페이지에 새로운 스프라이트를 만들고 싶습니다. 5 행 5 열에 25 개의 이미지로 스프라이트를 만들 수 있는지 궁금합니다.

css-sprites 2015-02-03

---

0열

1답변

구현 CSS 스프라이트 이미지

나는 스프라이트의 모든 이미지를 비교하고 더 나은 어떤 옵션을 결정 돈`t : <img src="./img/sprite.png" height="63" width="193" class="sprite-class" alt=""> .sprite-class { object-fit: none; object-position: -440px -315p

html css css-sprites 2016-09-22

---

0열

2답변

너비가 % 인 div의 CSS 스프라이트?

Css 스프라이트의 이미지를 div에 넣고 width을 %로 사용할 수 있습니까? .sprite-gloss-vulc { background-image: url("/images/sprite-img.png"); } .sprite-gloss-vulc-anello { background-position: -1px -0px; widt

html css3 css-sprites liquid-layout 2016-09-27

---

0열

1답변

CSS 스프라이트 이미지 및 반응 형 디자인. 전체 크기와 반응 형 크기를 모두로드합니까?

나는 이미지를 최적화하고 내 웹 사이트에 대한 내 서버 요청 수를 줄이는 중이므로 이미지 CSS 스프라이트를 만들어 이미지 수를 줄입니다. 예상대로 대부분의 이미지는 사이트 디자인의 Tablet/Mobile 레이아웃에서 더 작습니다. 이 때문에 필자는 스프라이트 내에 포함 된 아이콘 및 이미지의 모바일/태블릿 크기를 위해 이미지 스프라이트를 만들고 @med

css image sprite css-sprites sprite-sheet 2016-08-11

---

0열

1답변

이미지가 스프라이트 시트를 사용하여 올바르게 렌더링되지 않습니다.

애니메이션 효과를 생성하기 위해 스프라이트 시트를 사용하려고합니다. 내 예가 아래와 같습니다. 이미지가 수직으로 스크롤됩니다. 이미지를 한 곳에서 유지하고 수직으로 스크롤하는 대신 애니메이션 효과를 제공하고 싶습니다. 내 CSS에없는 것은 무엇입니까? 코드 아래 @total-duration: 4s; @steps-per-row: 15; @duration-

html5 css3 css-animations css-sprites 2016-10-05

---

0열

1답변

CSS 스프라이트 시트 이동 전환. 배경 이미지를 미끄러지지 않고 편안하게하십시오.

입이 딱딱하기 때문에 설명하기가 다소 어렵지만 가능한 한 최선의 컨텍스트를 제공하려고 노력할 것입니다. CSS 스프라이트 시트에 북쪽, 남쪽, 동쪽 및 서쪽을 향한 작은 문자가 있습니다. 내 게임에서. WASD로 그의 움직임을 제어 할 수 있기 때문에 X 픽셀을 상하 좌우로 움직일 수 있습니다. 방향에 따라 CSS 스프라이트가 그에 맞게 조정되어 여행하는

javascript css css-transitions transition css-sprites 2016-08-23

---

-1열

2답변

큰 이미지 스프라이트를 작은 div에 배치하고 창 크기에 따라 조정하십시오.

.icon-parkfinder_1 { background-image: url(../images/sprites.png); background-position: -1080px 0px; width: 1080px; height: 1920px; } 큰 이미지 스프라이트가 있고 작은 div에 배치했습니다. 나는 그것이 반응하기

html css sprite css-sprites 2016-07-05

---

0열

3답변

CSS 배경 이미지가 표시되지 않습니다.

내 CSS 배경 이미지 속성에 몇 가지 문제가 있습니다. 확인하고 이미지가 올바른 폴더에 있습니다. 테스트를 위해 다른 페이지에 넣으면 작동합니다. 하지만 내가 원하는 페이지에 넣으면 테스트 페이지가 같은 폴더에 있다고 생각하지 않습니다. 여기 내 코드는 다음과 같습니다 HTML : <div id="wrapper"></div> CSS : 내 코드에 문제

css background-image css-sprites 2015-01-29

---