백그라운드를 정확한게 7대3으로 할수잇을까요?
7은 검정색 3은 파랑색 이런식으로 브라우저 전체를기준으로 7:3으로하려는데 이게 어렵네요
이미지를 넣어서 만들려니까 7:3이안나오는거같구
|
답변 2개 / 댓글 3개
채택된 답변
+20 포인트
2019-01-29 (화) 10:51:37
css로 아래와 같이 넣어보세요.
background:linear-gradient(to right, rgba(0,0,0,1) 70%, rgba(0,0,255,1) 70%)
답변에 대한 댓글 2개
2019-01-29 (화) 12:22:17
아랫분이 남겨주신대로 -webkit-, -o-, -moz-를 붙여서 여러개를 써주시면 크로스브라우징 적용이 됩니다.
아르키어드윗분 답변에 크로스브라우징 질문하셔서 남깁니다..
근데 그라데이션이면.. 정확하게 구분되는게 아니라 서서히 바뀌어가는건데 맞나 싶네요..
/* For Safari 5.1 to 6.0 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) , rgba(255,255,255,0.5));
/* For Opera 11.1 to 12.0 */
background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,0.5));
/* For Firefox 3.6 to 15 */
background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,0.5));
/* Standard syntax */
background: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,0.5));
답변에 대한 댓글 1개
2019-01-29 (화) 12:24:01
자세히 보시면 70%로 구분점을 두었습니다.
70% 경계로 검정과 파랑이 "완전히" 변합니다.
70% 경계로 검정과 파랑이 "완전히" 변합니다.
답변을 작성하려면 로그인이 필요합니다.