카테고리 없음 백그라운드 overlay dot interdigm 2018. 3. 30. 20:31 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <style> @import url('https://fonts.googleapis.com/css?family=Abel&effect=emboss'); div { box-sizing: border-box;} .image { width: 100%; height: 100%; position: absolute; top:0; left:0; background: url('https://lonelyplanetimages.imgix.net/mastheads/67189269.jpg'); background-size: cover; z-index:-100; } .image:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); background-image: url(http://s14.directupload.net/images/111129/44ga9qid.png); /*background: rgba(0, 0, 0, 0.5); background-image: radial-gradient(black 33%, transparent 33%); background-size: 5px 5px; */ } </style> </HEAD> <BODY style="margin:0"> <div style="width:100%; height:100%; position:absolute; overflow:hidden; top:0;left:0; z-index:100"> <div style="top:15%; left:20%; overflow:hidden; position:relative;"> <font style="font-family: 'Abel', sans-serif; font-size:120px; line-height:120px; font-weight:bold; color:white" class="font-effect-emboss">INTERDIGM</font><br> <font style="font-family: 'Abel', sans-serif; font-size:30px; line-height:30px; font-weight:bold; color:white" class="font-effect-emboss">WE MAKE WEB SOLUTION FOR TRAVEL AGENCY AND TRAVEL LAND</font> </div> <div class="image"></div> </BODY> </HTML>