아기 천사들~
728x90
반응형

opacity 3

배경 이미지를 흐릿하게 만들어 보자

안녕하세요. ^-^ 오늘은 전에 했던 거에 이어서 배경이미지를 blur를 줘서 흐릿~~ 하게 만들어 보겠습니다. [ html ]은 전과 동일합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Document 어서오세요 백그라운드 이미지 채도를 조절해 봅시다!! Colored by Color Scripter cs [ css ]도 비슷합니다. 일단 블러가 들어가지 않은 상태를 먼저 보여드릴게요. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 *{ margin:0; padding:0; box-sizing:border-box; } section{ height:500p..

배경이미지의 채도를 조절해요

안녕하세요 ^-^ 오늘은 배경이미지의 채도를 [ css ]로 조절해 볼게요. 이미지를 일일이 [ 포토샵 ]으로 하려면 너무 일도 많고 귀찮아요. 우리는 디자이너가 아니니 더 힘들잖아요~~ [ css ]로도 아주 간단하게 조절할 수 있답니다. 저번에 했던 [ after ]를 이용해서 간단하게 만들어 볼게요. [ html ] 은 간단하게 이정도만 만들어 볼까요. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Document 어서오세요 백그라운드 이미지 채도를 조절해 봅시다!! Colored by Color Scripter cs 저번에 만들었던 [ html ]과 동일합니다. [ css ]를 한번 볼까요? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 1..

CSS 배경이미지만 투명하게 만들

안녕하세요. ^-^ 오랜만에 코딩을 일기를 쓰네요. 오늘은 [ CSS ]를 해볼까 합니다. 사실 제가 쓰는 언어가 [ HTML ]과 [ CSS ] 거든요. 하지만 전문적으로 배운 것은 아니니 틀린 부분은 말씀해주시면 감사합니다.!! 오늘은 백그라운드 이미지에 투명도를 줘 볼 거예요. 백그라운드에 투명도를 주게 되면 그 위에 글씨마저도 투명도가 함께 들어가게 되는데 제가 이번에 보여드릴 것은 백그라운드 이미지에만 투명도는 주는 방법입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Document 어서오세요 백그라운드 투명도 조절해 봅시다!! Colored by Color Scripter cs [ HTML ] 코드는 간단하게 만들어 봤어요. 이제 [ CSS ]를 만들어 볼까요? ..

728x90
반응형