반복 CSS의 임의 오프셋이있는 배경

CSS에서 임의 오프셋을 사용하여 배경을 반복 할 수 있는지 궁금합니다. 그 뜻에서 우리는 타일을 x 픽셀과 y 픽셀을 렌더링 할 때마다 "Shift"할 수 있습니까? 유스 케이스는 모자이크, 패턴 및 많은 것들을 포함 할 수 있습니다. 심지어 등각 타일링도이를 사용하여 달성 할 수 있습니다.반복 CSS의 임의 오프셋이있는 배경

예를 들어

내가 10px의 타일이있는 경우 X 10px

타일 내가 그래서 난 달성 할 것을 상단에서 10px를 이동하려면 반복 될 때마다

[//] 
    [//] 
     [//] 
      [//]

그래서 거기에 어떤입니다 현존하는 솔루션이거나 그냥 캔버스입니다. 캔버스에서 캔버스로 찍은 다음 배경으로 사용하십시오.

출처

2013-06-19 ShrekOverflow

. 나는 그것이 당신이 무엇을 요구하고 있는지 확신하지 못합니다. 당신이 달성하려고 시도하고 있지만 확실하지 않은 샘플 이미지를 가지고 있습니까? –

당신이 말하는 것을 보여주기 위해 바이올린을 만들 수 있습니까? 아스키 아트를 만들려고합니다^_^ – ShrekOverflow

@NielsKeurentjes done^이제 esne을 만드시겠습니까? – ShrekOverflow

CSS3부터는 CSS 스타일링만으로는이 작업을 수행 할 수 없습니다. 반복되는 패턴은 x (수평) 방향, y (수직) 방향, 양방향 또는 동시에 나타나지 않습니다 (단일 이미지).

참조 : http://www.w3.org/TR/css3-background/#backgrounds 당신은 오프셋 타일링을 달성하기 위해`배경 - repeat`와 함께`배경 - position`을 사용할 수 있습니다

출처

2013-06-19 11:46:00

반복 CSS의 임의 오프셋이있는 배경

답변

관련 문제