นิยาย Secret Celtic RadiO > ลำดับตอนที่ #14 : ล็อคเกต ลงไป : Dek-D.com

ลำดับตอนที่ #14

Secret Celtic RadiO

ลำดับตอนที่ #14 : ล็อคเกต ลงไป

เนื้อหานิยายตอนนี้เปิดให้อ่าน
87

1

26 เม.ย. 58

` The cat โค้ดแมวๆ ●

นำโค้ดไปใช้ อย่าลืม คอมเม้น ในตอนนี้เลย
และ อย่าลืม ติดเครดิต ร้านโค้ดแมวๆ ด้วยน้า

สวัสดีหน้าหนาวจ้า = v =

= คิคิ =

CODE

.ch-info-wrap, 
.ch-info{
 position: absolute;
 width: 280px;
 height: 280px;
 border-radius: 50%;
 
 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -ms-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
 
 -webkit-perspective: 800px;
 -moz-perspective: 800px;
 -o-perspective: 800px;
 -ms-perspective: 800px;
 perspective: 800px;
}

.ch-info-wrap {
 top: 20px;
 left: 20px;
 background: #FFFFFF ;
 box-shadow: 
  0 0 0 20px rgba(255,255,255,0.2), 
  inset 0 0 3px rgba(255,255, 255, 0.8);
 
}

.ch-info {
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -o-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 transform-style: preserve-3d;
}

.ch-info > div {
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 border-radius: 50%;
 background-position: center center;
 -webkit-transition: all 0.6s ease-in-out;
 -moz-transition: all 0.6s ease-in-out;
 -o-transition: all 0.6s ease-in-out;
 -ms-transition: all 0.6s ease-in-out;
 transition: all 0.6s ease-in-out;
}

.ch-info .ch-info-front {
 -webkit-transform-origin: 50% 100%;
 -moz-transform-origin: 50% 100%;
 -o-transform-origin: 50% 100%;
 -ms-transform-origin: 50% 100%;
 transform-origin: 50% 100%;
 
  ;
 box-shadow: 
  inset 2px 1px 4px rgba(255,255,255,0.1);
}

.ch-info .ch-info-back {
 background: rgba(255,255,255,0);
}

.ch-img-1 { 
 background-image: url(ใส่ยูอาแอลภาพหน้ากล่อง);
}

.ch-item:hover .ch-info-front {
 -webkit-transform: rotate3d(1,0,0,-180deg);
 -moz-transform: rotate3d(1,0,0,-180deg);
 -o-transform: rotate3d(1,0,0,-180deg);
 -ms-transform: rotate3d(1,0,0,-180deg);
 transform: rotate3d(1,0,0,-180deg);
 
 box-shadow: 
  inset 0 0 5px rgba(255,255,255,0.2), 
  inset 0 0 3px rgba(0,0,0,0.3);
}

.ch-item:hover .ch-info-back {
background-image: url(ใส่ยูอาแอลภาพเนื้อหาในกล่อง);
}

.ch-grid {
 margin: 20px 0 0 0;
 padding: 0;
 list-style: none;
 display: block;
 text-align: center;
 width: 100%;
}

.ch-grid:after,
.ch-item:before {
 content: '';
    display: table;
}

.ch-grid:after {
 clear: both;
}

.ch-grid li {
 width: 320px;
 height: 320px;
 display: inline-block;
 margin: 20px;
}	</style>
	<ul class="ch-grid">
		<li>
			<div class="ch-item ch-img-1">
				<div class="ch-info-wrap">
					<div class="ch-info">
						<div class="ch-info-front ch-img-1">
							&nbsp;</div>
						<div class="ch-info-back">
							<br />
							<br />
							<br />
							<br />
							<br />
							<br />
							สวัสดีหน้าหนาวจ้า = v =<br />
							<br />
							= &nbsp; คิคิ &nbsp; =<br />
							<img src="http://image.dek-d.com/25/2824705/109956088" /></div>
					</div>
				</div>
			</div>
		</li>
	</ul>
	<br />

B ♔ W

ติดตามเรื่องนี้

เก็บเข้าคอลเล็กชัน

ลำดับตอนที่ #14 : ล็อคเกต ลงไป

นิยายที่ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

อีบุ๊ก ดูทั้งหมด

ความคิดเห็น

คืนค่าการตั้งค่าทั้งหมด

ลำดับตอนที่ #14 : ล็อคเกต ลงไป

นิยายที่ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

อีบุ๊ก ดูทั้งหมด

ความคิดเห็น