h5 아이콘 제작.html


"en">

	"UTF-8">
	HTML5 logo
	"stylesheet" type="text/css" href="logo.css">


	"bg">
	"beam" style="transform:rotate(5deg)">
	"beam" style="transform:rotate(15deg)">
	"beam" style="transform:rotate(25deg)">
	"beam" style="transform:rotate(35deg)">
	"beam" style="transform:rotate(45deg)">
	"beam" style="transform:rotate(55deg)">
	"beam" style="transform:rotate(65deg)">
	"beam" style="transform:rotate(75deg)">
	"beam" style="transform:rotate(85deg)">
	"beam" style="transform:rotate(95deg)">
	"beam" style="transform:rotate(105deg)">
	"beam" style="transform:rotate(115deg)">
	"beam" style="transform:rotate(125deg)">
	"beam" style="transform:rotate(135deg)">
	"beam" style="transform:rotate(145deg)">
	"beam" style="transform:rotate(155deg)">
	"beam" style="transform:rotate(165deg)">
	"beam" style="transform:rotate(175deg)">

"logo" style="top:120px;left: 229px;">
		"d_shield1">
		"d_shield2">
		"d_shield3">

		"d_shield4">
		"d_shield5">
		"d_shield6">

"transform: scale(0.82);left: 31px;top: 25px;">



		
		
		
		

		
		
	



//logo.css
body{
	margin: 0px;
	padding: 0px;
}
div{
	position: absolute;
}
.bg{
	width: 800px;
	height: 600px;
	background: #f2f2f2;
	overflow: hidden;
}
.beam{
	width: 1600px;
	height: 20px;
	background: #fff;
	top:290px;
	left: -400px;
}
.d_shield1,.d_shield2,.d_shield3,.d_shield4,.d_shield5,.d_shield6,.d_shield7{
	background: #e15016;
}
.d_shield1{
	left: 32px;
	width: 140px;
	height: 346px;
}
.d_shield2{
	-webkit-transform:skewx(5deg);
	-moz-transform:skewx(5deg);
	-o-transform:skewx(5deg);
	transform: skewX(5deg);
	left: 16px;
	width: 100px;
	height: 346px;
}
.d_shield3{
	transform: skewY(15deg);
	top: 265px;
	left: 32px;
	width: 140px;
	height: 100px;
}
.d_shield4{
	left: 172px;
	width: 140px;
	height: 346px;
}
.d_shield5{
	transform: skewx(-5deg);
	left: 227px;
	width: 100px;
	height: 346px;
}
.d_shield6{
	transform: skewY(-15deg);
	top: 265px;
	left: 172px;
	width: 140px;
	height: 100px;
}
.d_shield7{
	height: 20px;
	top: 199px;
	width: 80px;
	left: 60px;
}
.l_shield1,.l_shield2,.l_shield3,.l_shield4{
	background: #ee6812;
}
.l_shield1{
	left: 172px;
	width: 140px;
	height: 346px;
}
.l_shield2{
	transform: skewX(-5deg);
	left: 227px;
	width: 100px;
	height: 363px;
}
.l_shield3{
	transform: skewY(-15deg);
	top: 282px;
	left: 172px;
	width: 138px;
	height: 100px;
}
.l_shield4{
	height: 43px;
	top: 113px;
	width: 100px;
	left: 180px;
}
.gray1,.gray2,.gray3,.gray4{
	background: #ebebeb;
}
.gray1{
	height: 43px;
	width: 102px;
	left: 70px;
	top: 70px;
}
.gray2{
	width: 46px;
	height: 216px;
	transform: skewX(5deg);
	top: 70px;
	left: 75px;
}
.gray3{
	width: 95px;
	height: 43px;
	left: 77px;
	top: 156px;
}
.gray4{
	width: 87px;
	height: 47px;
	left: 85px;
	top: 251px;
	transform: skewY(15deg);
}
.white1,.white2,.white3,.white4{
	background: #fff;
}
.white1{
	width: 102px;
	height: 43px;
	left: 172px;
	top: 70px;
}
.white2{
	width: 46px;
	height: 216px;
	transform: skew(-5deg);
	top: 70px;
	left: 223px;
}
.white3{
	height: 43px;
	width: 95px;
	left: 172px;
	top: 156px;
}
.white4{
	height: 47px;
	width: 87px;
	left: 172px;
	top: 251px;
	transform: skewY(-15deg);
}``

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

h5 아이콘 제작.html

좋은 웹페이지 즐겨찾기