tool-09-tile

解釋:

background: url(../img/cj/tile-test-03.svg) 100% 100%;

第1個數值代表column，第2個數值代表row

圖是 6字 x 6字

各column和row 以百分比分隔: 0%, 20%, 40%, 60%, 80%, 100%

因為1row有6個字，所以 background-size 是 600%;

.tile-vari-03-00 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 0% 0%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-020 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 20% 0%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-040 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 40% 0%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-060 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 60% 0%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-080 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 80% 0%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-0100 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 100% 0%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-200 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 0% 20%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-2020 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 20% 20%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-2040 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 40% 20%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-2060 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 60% 20%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-2080 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 80% 20%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-20100 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 100% 20%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-400 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 0% 40%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-4020 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 20% 40%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-4040 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 40% 40%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-4060 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 60% 40%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-4080 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 80% 40%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-40100 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 100% 40%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-600 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 0% 60%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-6020 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 20% 60%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-6040 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 40% 60%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-6060 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 60% 60%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-6080 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 80% 60%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-60100 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 100% 60%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-800 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 0% 80%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-8020 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 20% 80%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-8040 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 40% 80%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-8060 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 60% 80%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-8080 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 80% 80%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-80100 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 100% 80%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-1000 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 0% 100%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-10020 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 20% 100%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-10040 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 40% 100%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-10060 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 60% 100%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-10080 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 80% 100%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}
.tile-vari-03-100100 {
	width: 100%;
	height:auto;
	background: url(../img/cj/tile-vari-03.svg) 100% 100%;
	background-repeat: no-repeat;
	background-size: 600%;
	display: inline-block;
	vertical-align: -10%;
}

tile-vari-03

tile-vari-03-00

tile-vari-03-020

tile-vari-03-040

tile-vari-03-060

tile-vari-03-080

tile-vari-03-0100

tile-vari-03-200

tile-vari-03-2020

tile-vari-03-2040

tile-vari-03-2060

tile-vari-03-2080

tile-vari-03-20100

tile-vari-03-400

tile-vari-03-4020

tile-vari-03-4040

tile-vari-03-4060

tile-vari-03-4080

tile-vari-03-40100

tile-vari-03-600

tile-vari-03-6020

tile-vari-03-6040

tile-vari-03-6060

tile-vari-03-6080

tile-vari-03-60100

tile-vari-03-800

tile-vari-03-8020

tile-vari-03-8040

tile-vari-03-8060

tile-vari-03-8080

tile-vari-03-80100

tile-vari-03-1000

tile-vari-03-10020

tile-vari-03-10040

tile-vari-03-10060

tile-vari-03-10080

tile-vari-03-100100

tile-vari-03.svg

tile-vari-02

tile-vari-02-00

tile-vari-02-020

tile-vari-02-040

tile-vari-02-060

tile-vari-02-080

tile-vari-02-0100

tile-vari-02-200

tile-vari-02-2020

tile-vari-02-2040

tile-vari-02-2060

tile-vari-02-2080

tile-vari-02-20100

tile-vari-02-400

tile-vari-02-4020

tile-vari-02-4040

tile-vari-02-4060

tile-vari-02-4080

tile-vari-02-40100

tile-vari-02-600

tile-vari-02-6020

tile-vari-02-6040

tile-vari-02-6060

tile-vari-02-6080

tile-vari-02-60100

tile-vari-02-800

tile-vari-02-8020

tile-vari-02-8040

tile-vari-02-8060

tile-vari-02-8080

tile-vari-02-80100

tile-vari-02-1000

tile-vari-02-10020

tile-vari-02-10040

tile-vari-02-10060

tile-vari-02-10080

tile-vari-02-100100

tile-vari-02.svg

tile-vari-01

tile-vari-01-00

tile-vari-01-020

tile-vari-01-040

tile-vari-01-060

tile-vari-01-080

tile-vari-01-0100

tile-vari-01-200

tile-vari-01-2020

tile-vari-01-2040

tile-vari-01-2060

tile-vari-01-2080

tile-vari-01-20100

tile-vari-01-400

tile-vari-01-4020

tile-vari-01-4040

tile-vari-01-4060

tile-vari-01-4080

tile-vari-01-40100

tile-vari-01-600

tile-vari-01-6020

tile-vari-01-6040

tile-vari-01-6060

tile-vari-01-6080

tile-vari-01-60100

tile-vari-01-800

tile-vari-01-8020

tile-vari-01-8040

tile-vari-01-8060

tile-vari-01-8080

tile-vari-01-80100

tile-vari-01-1000

tile-vari-01-10020

tile-vari-01-10040

tile-vari-01-10060

tile-vari-01-10080

tile-vari-01-100100

tile-vari-01.svg

tile-school-char-01

tile-school-char-01-00

tile-school-char-01-020

tile-school-char-01-040

tile-school-char-01-060

tile-school-char-01-080

tile-school-char-01-0100

tile-school-char-01-200

tile-school-char-01-2020

tile-school-char-01-2040

tile-school-char-01-2060

tile-school-char-01-2080

tile-school-char-01-20100

tile-school-char-01-400

tile-school-char-01-4020

tile-school-char-01-4040

tile-school-char-01-4060

tile-school-char-01-4080

tile-school-char-01-40100

tile-school-char-01-600

tile-school-char-01-6020

tile-school-char-01-6040

tile-school-char-01-6060

tile-school-char-01-6080

tile-school-char-01-60100

tile-school-char-01-800

tile-school-char-01-8020

tile-school-char-01-8040

tile-school-char-01-8060

tile-school-char-01-8080

tile-school-char-01-80100

tile-school-char-01-1000

tile-school-char-01-10020

tile-school-char-01-10040

tile-school-char-01-10060

tile-school-char-01-10080

tile-school-char-01-100100

tile-school-char-01.svg

tile-confuse-part-01

tile-confuse-part-01-00

tile-confuse-part-01-020

tile-confuse-part-01-040

tile-confuse-part-01-060

tile-confuse-part-01-080

tile-confuse-part-01-0100

tile-confuse-part-01-200

tile-confuse-part-01-2020

tile-confuse-part-01-2040

tile-confuse-part-01-2060

tile-confuse-part-01-2080

tile-confuse-part-01-20100

tile-confuse-part-01-400

tile-confuse-part-01-4020

tile-confuse-part-01-4040

tile-confuse-part-01-4060

tile-confuse-part-01-4080

tile-confuse-part-01-40100

tile-confuse-part-01-600

tile-confuse-part-01-6020

tile-confuse-part-01-6040

tile-confuse-part-01-6060

tile-confuse-part-01-6080

tile-confuse-part-01-60100

tile-confuse-part-01-800

tile-confuse-part-01-8020

tile-confuse-part-01-8040

tile-confuse-part-01-8060

tile-confuse-part-01-8080

tile-confuse-part-01-80100

tile-confuse-part-01-1000

tile-confuse-part-01-10020

tile-confuse-part-01-10040

tile-confuse-part-01-10060

tile-confuse-part-01-10080

tile-confuse-part-01-100100

tile-confuse-part-01.svg

tile-p

tile-p-00

tile-p-020

tile-p-040

tile-p-060

tile-p-080

tile-p-0100

tile-p-200

tile-p-2020

tile-p-2040

tile-p-2060

tile-p-2080

tile-p-20100

tile-p-400

tile-p-4020

tile-p-4040

tile-p-4060

tile-p-4080

tile-p-40100

tile-p-600

tile-p-6020

tile-p-6040

tile-p-6060

tile-p-6080

tile-p-60100

tile-p-800

tile-p-8020

tile-p-8040

tile-p-8060

tile-p-8080

tile-p-80100

tile-p-1000

tile-p-10020

tile-p-10040

tile-p-10060

tile-p-10080

tile-p-100100

tile-p.svg

tile-o

tile-o-00

tile-o-020

tile-o-040

tile-o-060

tile-o-080

tile-o-0100

tile-o-200

tile-o-2020

tile-o-2040

tile-o-2060

tile-o-2080

tile-o-20100

tile-o-400

tile-o-4020

tile-o-4040

tile-o-4060

tile-o-4080

tile-o-40100

tile-o-600

tile-o-6020

tile-o-6040

tile-o-6060

tile-o-6080

tile-o-60100

tile-o-800

tile-o-8020

tile-o-8040

tile-o-8060

tile-o-8080

tile-o-80100

tile-o-1000

tile-o-10020

tile-o-10040

tile-o-10060

tile-o-10080

tile-o-100100

tile-o.svg

tile-n

tile-n-00

tile-n-020

tile-n-040

tile-n-060

tile-n-080

tile-n-0100

tile-n-200

tile-n-2020

tile-n-2040

tile-n-2060

tile-n-2080

tile-n-20100

tile-n-400

tile-n-4020

tile-n-4040

tile-n-4060

tile-n-4080

tile-n-40100

tile-n-600

tile-n-6020

tile-n-6040

tile-n-6060

tile-n-6080

tile-n-60100

tile-n-800

tile-n-8020

tile-n-8040

tile-n-8060

tile-n-8080

tile-n-80100

tile-n-1000

tile-n-10020

tile-n-10040

tile-n-10060

tile-n-10080

tile-n-100100

tile-n.svg

tile-m

tile-m-00

tile-m-020

tile-m-040

tile-m-060

tile-m-080

tile-m-0100

tile-m-200

tile-m-2020

tile-m-2040

tile-m-2060

tile-m-2080

tile-m-20100

tile-m-400

tile-m-4020

tile-m-4040

tile-m-4060

tile-m-4080

tile-m-40100

tile-m-600

tile-m-6020

tile-m-6040

tile-m-6060

tile-m-6080

tile-m-60100

tile-m-800

tile-m-8020

tile-m-8040

tile-m-8060

tile-m-8080

tile-m-80100

tile-m-1000

tile-m-10020

tile-m-10040

tile-m-10060

tile-m-10080

tile-m-100100

tile-m.svg

tile-l

tile-l-00

tile-l-020

tile-l-040

tile-l-060

tile-l-080

tile-l-0100

tile-l-200

tile-l-2020

tile-l-2040

tile-l-2060

tile-l-2080

tile-l-20100

tile-l-400

tile-l-4020

tile-l-4040

tile-l-4060

tile-l-4080

tile-l-40100

tile-l-600

tile-l-6020

tile-l-6040

tile-l-6060

tile-l-6080

tile-l-60100

tile-l-800

tile-l-8020

tile-l-8040

tile-l-8060

tile-l-8080

tile-l-80100

tile-l-1000

tile-l-10020

tile-l-10040

tile-l-10060

tile-l-10080

tile-l-100100

tile-l.svg

tile-k

tile-k-00

tile-k-020

tile-k-040

tile-k-060

tile-k-080

tile-k-0100

tile-k-200

tile-k-2020

tile-k-2040

tile-k-2060

tile-k-2080

tile-k-20100

tile-k-400

tile-k-4020

tile-k-4040

tile-k-4060

tile-k-4080

tile-k-40100

tile-k-600

tile-k-6020

tile-k-6040

tile-k-6060

tile-k-6080

tile-k-60100

tile-k-800

tile-k-8020

tile-k-8040

tile-k-8060

tile-k-8080

tile-k-80100

tile-k-1000

tile-k-10020

tile-k-10040

tile-k-10060

tile-k-10080

tile-k-100100

tile-k.svg