목록강좌 (4)

그냥 개발자 블로그

[워크식스] CSS만으로 마우스 애니메이션 만들기

CSS 만을 이용하여 마우스 애니메이션을 만드는 방법 입니다. 유튜브 제목을 클릭하여 큰 화면으로 볼 수 있어요. 따라 해보세요. 2018/11/08 - [HTML&CSS] - CSS만 이용해서 움직이는 화살표 버튼 만들기 2018/10/14 - [HTML&CSS] - CSS만 이용해서 로딩 애니메이션 만들기 [워크식스 문의하기] copyright ⓒ 2018. 워크식스
퍼블리싱팁 2018. 12. 6. 05:45
[워크식스] CSS만 이용해서 움직이는 화살표 버튼 만들기

CSS 만을 이용하여 화살표를 애니메이션을 만드는 방법 입니다. 처음엔 단순한 선이었다가 마우스를 올리면 화살표로 변합니다. 유튜브 제목을 클릭하여 큰 화면으로 볼 수 있어요. 따라 해보세요. 2018/10/14 - [HTML&CSS] - CSS만 이용해서 로딩 애니메이션 만들기 2018/12/08 - [HTML&CSS] - CSS만으로 마우스 애니메이션 만들기 [워크식스 문의하기] copyright ⓒ 2018. 워크식스
퍼블리싱팁 2018. 11. 8. 04:45
[워크식스] CSS만 이용해서 로딩 애니메이션 만들기

CSS 만을 이용하여 로딩 애니메이션을 만드는 방법 입니다. 이미지 혹은 gif 파일 보다 리소스도 적게 사용되고, 나중에 수정하기도 편하죠. 유튜브 제목을 클릭하여 큰 화면으로 볼 수 있어요. 따라 해보세요. 2018/12/08 - [HTML&CSS] - CSS만으로 마우스 애니메이션 만들기 2018/11/08 - [HTML&CSS] - CSS만 이용해서 움직이는 화살표 버튼 만들기 [워크식스 문의하기] copyright ⓒ 2018. 워크식스
퍼블리싱팁 2018. 10. 14. 21:06
포토샵강좌_마스크로 불필요한 작업 간소화 하기

오늘 강좌에 선보인것은 마스크인데요. 그중에서도 Clipping Mask 라는거에요. 실로 많이 사용되는 마스크죠. 사용법에 따라 다르겠지만 저의 경우는 특정 크기로 이미지를 잘라 넣어야 할때 원본이 손상되지 않고 잘라 넣기 위해서 사용하는데요. 수정을 용이하게 하기 위해서이기도 하죠. 그래서 자르고 붙여 넣어보고의 반복 작업을 하지 않아도 되서 포스팅 제목에 불필요한 작업 간소화 하기라고 했어요. 포토샵강좌 예제를 위해 400 x 400 사이즈의 바탕에 검은색으로 영역을 그려줬어요. 검은색으로 표시한 영역에 위 하늘 사진의 일부를 넣을건데요. 자르기를 하지 않고 포토샵 마스크 기능을 이용해볼게요. 검은색을 그렸던 영역으로 하늘 사진을 불러오면 하늘사진 레이어가 추가되겠죠. 여기서 주의할 점은 검정색을 ..
IT소식&팁 2015. 10. 3. 05:00
이전 Prev 1 Next 다음