RadarURL

logo

  • 홈으로
  • 로그인
  • 회원가입
  • 화면축소
  • 화면확대
2021년 09월 24일
  • 포토누리
  • 제작의뢰
  • 포트폴리오
백반증 수술 sst전층피부이식술
로그인
조회 수 1 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
Extra Form
<div class='icon_box_div'>
<div class="icon_box">
<div class="icon_li"><a href="/qna"><img src="./img/main_icon01_2.png" alt="사회복지관 운영질의" class='icon' /><br/><span class='title'>사회복지관 운영질의</span></a></div>
<div class="icon_li"><a href="/movement"><img src="./img/main_icon02_2.png" alt="기관동정" class='icon' /><br/><span class='title'>기관동정</span></a></div>
<div class="icon_li"><a href="/newsletter"><img src="./img/main_icon03_2.png" alt="온라인 뉴스레터" class='icon' /><br/><span class='title'>온라인 뉴스레터</span></a></div>
<div class="icon_li"><a href="/"><img src="./img/main_icon04_2.png" alt="제휴협약" class='icon' /><br/><span class='title'>제휴협약</span></a></div>
</div>
</div>

 

 

.icon_box_div{padding:0px 0; margin:30px auto 0 auto; position:relative;font-family: 'Noto Sans KR', sans-serif; width:100%;background:#f2f2f2 url("../img/quickMenuBack2.png")repeat-x left bottom;}
.icon_box{padding:50px 0; margin:0px auto 0 auto; position:relative;font-family: 'Noto Sans KR', sans-serif; width:1240px;height:200px;display:flex;}
.icon_li{float:left; text-align:left; display:block;  padding:0; margin:0; font-size:22px;flex-grow:1 1;font-weight:500;border:0px solid #ddd;width:100%;transition: all 0.3s ease 0s;z-index:1;position:relative;}
.icon_li:hover{transition: all 0.3s ease 0s; transform: scale(1.1); z-index: 1000; box-shadow: 10px 10px 20px rgba(0,0,0,0.3);}
.icon_box > div:nth-child(1){background:#9dc533 url("../img/arrow_back.png")no-repeat right bottom;cursor:pointer;box-sizing:border-box;}
.icon_box > div:nth-child(2){background:#f3c11b url("../img/arrow_back.png")no-repeat right bottom;cursor:pointer;box-sizing:border-box;}
.icon_box > div:nth-child(3){background:#e96b11 url("../img/arrow_back.png")no-repeat right bottom;cursor:pointer;box-sizing:border-box;}
.icon_box > div:nth-child(4){background:#29a1c2 url("../img/arrow_back.png")no-repeat right bottom;cursor:pointer;box-sizing:border-box;}

 

?

List of Articles
번호 분류 제목 조회 수 날짜
공지 css 관련 참고 사이트를 소개 합니다. 7056 2009.03.01
공지 [작성중] CSS강좌 목차 1 13492 2009.05.21
74 강좌 text shadow 5 2021.09.15
» 강좌 마우스 올렸을때 확대되는 효과 1 2021.09.01
72 강좌 목록형 출력 ol 에서 순서부분에 한글 가. 나. 다. 형식으로 할려면 49 2021.08.27
71 box-shadow 관련 css 참고 17 2021.08.09
70 position:absolute; div 중앙정렬 25 2021.08.09
69 CSS관련 참고 사이트 27 2021.07.06
68 강좌 ::before / ::after 40 2021.06.16
67 content관련 속성 17 2021.06.14
66 background size 관련 팁 91 2020.12.09
65 box-sizing: border-box 78 2020.09.04
64 select box readonly 적용시키기 114 2020.08.26
63 마우스 오버시 라인형태로 선택처리 87 2020.04.28
62 강좌 box-shadow 10 2020.04.21
61 강좌 flex 2 29 2020.04.19
60 강좌 css, less, sass, scss 11 2020.04.19
59 transition - CSS , trnsform 7 2020.04.17
58 select 박스 CSS 12 2019.05.17
57 css absolute 속성 중앙 정렬 1 13 2018.03.09
56 강좌 placeholder 10 2018.03.05
55 문자개행이 필요할때 - 링크주소등 18 2017.05.17
목록
Board Pagination ‹ Prev 1 2 3 4 Next ›
/ 4

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

  • Designed by jobdahan.net