지방직 7급 D-15
목록으로 돌아가기
이벤트 - 배경 이미지 - 그라데이션 배경 (파티클/패턴 포함)
적용 범위
-
-
- - 이벤트 공통 요소들의 스타일은 common\css\event_common_standard.css에 정의되어 있다.
- - 그라데이션 배경 처리는 CSS로 처리한다.
- - 파티클/패턴을 공통 CSS로 관리하되, 이벤트 영역에 맞게 좌우 값 위치를 조절해준다.
파티클 배경 이미지 - 공통 (1200 x 720)
패턴 배경 이미지 - 이벤트마다 다름 (1200 x ?)
그라데이션 배경 처리 (파티클/패턴 포함)
component\components\event\guide.asp
/* 그라데이션 배경 예시1 */
#event3 { background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(123,190,255,1) 100%); }
#event3 .bg_shadow { bottom: -50px; }
#event3 .obj_cover .partc_obj { left: 52%; top: 38%; }
/* 그라데이션 배경 예시2 */
#event4 { background: linear-gradient(180deg, #f5f5f5 0%, #ffb1ba 100%); }
#event4 .bg_shadow { bottom: 260px; }
#event4 .obj_cover .pattern_obj { left: 50%; top: -19%; }
원색상 배경 처리 (파티클 포함)
component\components\event\guide.asp
#event2 { background-color: #ff5a6d; }
#event2 .obj_cover .partc_obj { left: 50%; top: 56%; }
