1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
/*使用before或after語法範例(此為河道噗寶)*/
#dynamic_logo:before {
	/*這行不用動*/ display:block; position:absolute;
	/*上下位置*/ bottom:-170px; /*可改top*/
	/*左右位置*/ left:790px; /*可改right*/
	/*這行不能改*/width: 100vw;
	/*這行不用改*/height: 250px;  
	/*改大小用這裡*/background-size: 350px auto; 
	/*圖片不重複*/background-repeat: no-repeat;/*可改成repeat-x(橫向重複)或repeat-y(直向重複)*/
	/*這行不能刪，括號裡不用放東西*/ content:url();
	/*想要放大的像素圖網址放這裡*/background-image: url(網址);
	image-rendering: pixelated;/*用像素法放大*/
	image-rendering: -moz-crisp-edges;
	image-rendering: crisp-edges;
}

#dynamic_logo:after {
	/*這行不用動*/ display:block; position:absolute;
	/*上下位置*/ bottom:-178px; /*可改top*/
	/*左右位置*/ left:442px; /*可改right*/
	/*這行不能改*/width: 100vw;
	/*這行也不用改*/height: 250px;  
	/*改大小用這裡*/background-size: 350px auto; 
	/*圖片不重複*/background-repeat: no-repeat;/*可改成repeat-x(橫向重複)或repeat-y(直向重複)*/
	/*這行不能刪，括號裡不用放東西*/ content:url();
	/*想要放大的像素圖網址放這裡*/background-image: url(網址);
	image-rendering: pixelated;/*用像素法放大*/
	image-rendering: -moz-crisp-edges;
	image-rendering: crisp-edges;
}