관리 메뉴

맛집 여행 캠핑 일상 생활

[자바스크립트] RGBA 칼라 랜덤 뽑기 본문

JAVASCRIPT

[자바스크립트] RGBA 칼라 랜덤 뽑기

♥ 영은파더♥ 2018. 10. 17. 12:03

[자바스크립트] RGBA 칼라 랜덤 뽑기


백그라운드 칼라를 RANDOM 함수를 사용해서 출력하는 예제입니다.

var r1 = Math.floor(Math.random()*25) + 230;

var r2 = Math.floor(Math.random()*5) + 200;

var r3 = Math.floor(Math.random()*25) + 230;

var dObj = document.createElement('div');

dObj.style.left = '0px';

dObj.style.top = '0px';

dObj.style.width = '100px';

dObj.style.height = '100px';

dObj.style.position = 'fixed';

dObj.innerHTML = 'test';

dObj.style['z-index'] = 2000;

dObj.style['background-color'] = 'rgba(' + r1 + ',' + r2 + ',' + r3 + ',0.7)';

document.body.appendChild(dObj);

'rgba(' + r1 + ',' + r2 + ',' + r3 + ',0.7)';

뒷쪽에 0.7은 투명도입니다.

0(투명) ~ 1(불투명) 사이의 값을 사용하면 됩니다.


Trackback : 0 | Comments : 0
댓글쓰기 폼