틀:JObattle/styles.css: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 22개는 보이지 않습니다)
1번째 줄: 1번째 줄:
.JOB-IM-cover {
    width:100%;
    height:100%;
object-fit: cover;
object-position: 50% 50%;
margin: 0px;
padding: 0px;
}
.JOB-IM-contain {
    width:100%;
    height:100%;
object-fit: contain;
object-position: 50% 50%;
margin: 0px;
padding: 0px;
}
.JOB-z0  {
.JOB-z0  {
  z-index:0;
  z-index:0;
24번째 줄: 43번째 줄:


.JOB-BM  {
.JOB-BM  {
  mix-blend-mode: color;
  mix-blend-mode: hue;
}
 
.JOB-BM2  {
mix-blend-mode: hard-light;
}
}


.JOB-BW  {
.JOB-BW  {
  filter: grayscale(100%);
  filter: grayscale(100%);
}
.JOB-SP  {
filter: grayscale(15%) sepia(90%) brightness(0.8);
}
}


37번째 줄: 64번째 줄:
.JOB-IM2  {
.JOB-IM2  {
  filter: grayscale(30%) brightness(0.95);
  filter: grayscale(30%) brightness(0.95);
}
.JOB-IM3  {
filter: grayscale(10%) brightness(0.95) saturate(110%);
}
.JOB-IM0  {
filter: grayscale(32%) brightness(0.7);
}
.JOB-IMA  {
filter: grayscale(0%) brightness(1.0);
}
}



2024년 4월 24일 (수) 15:34 기준 최신판

.JOB-IM-cover {
    width:100%;
    height:100%;
	object-fit: cover;
	object-position: 50% 50%;
	margin: 0px;
	padding: 0px;
}

.JOB-IM-contain {
    width:100%;
    height:100%;
	object-fit: contain;
	object-position: 50% 50%;
	margin: 0px;
	padding: 0px;
}


.JOB-z0  {
 z-index:0;
}

.JOB-z1  {
 z-index:1;
}

.JOB-z2  {
 z-index:2;
}

.JOB-z3  {
 z-index:3;
}

.JOB-z4  {
 z-index:4;
}

.JOB-z5  {
 z-index:5;
}

.JOB-BM  {
 mix-blend-mode: hue;
}

.JOB-BM2  {
 mix-blend-mode: hard-light;
}

.JOB-BW  {
 filter: grayscale(100%);
}

.JOB-SP  {
 filter: grayscale(15%) sepia(90%) brightness(0.8);
}

.JOB-IM  {
 filter: grayscale(30%) brightness(0.8);
}

.JOB-IM2  {
 filter: grayscale(30%) brightness(0.95);
}

.JOB-IM3  {
 filter: grayscale(10%) brightness(0.95) saturate(110%);
}

.JOB-IM0  {
 filter: grayscale(32%) brightness(0.7);
}

.JOB-IMA  {
 filter: grayscale(0%) brightness(1.0);
}

.JOB-BR  {
 filter:brightness(1.2);
}