본문으로 바로가기

background image와 linear gradient 동시에 주기.

category 퍼블리싱/CSS 2016. 6. 14. 15:00
1
2
3
4
5
6
7
body{
    background-size: cover;
    background-repeat: no-repeat;
    background-image: linear-gradient(to bottom, #86D0F3 0%,#A3D4C0 100%), url("../img/bg.png");
    background-blend-mode: multiply;
    color:#232323;
}
cs


웹에서는 blend-mode를 overlay로 하면 제대로 겹쳐졌는데

하이브리드앱 퍼블리싱하느라 해봤는데 overlay가 안먹고 multiply가 먹더라는...

'퍼블리싱 > CSS' 카테고리의 다른 글

효율적인 CSS 작성법  (0) 2016.06.21
SASS와 SCSS에 관하여  (0) 2016.06.20
CSS로 background-color gradient 주기  (0) 2016.06.09
width에 맞춰 문장 ... 으로 줄이기  (0) 2016.06.09
IR기법  (0) 2016.06.09