Sample Link 1 : https://codepen.io/alikerock/pen/QvNdje
Sample Link 2 : https://codepen.io/alikerock/pen/vmGgga
에디터: codepen
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#css link animation, #css, #animation, #animate
분류 전체보기
- CSS3 - 70 [ Link animation ] border animation, before & after animation, css animation 2019.06.11
- 하림, 카카오 프렌즈, 나이키, 반응형, 워드프레쓰 포트폴리오 2019.06.11 2
- 난지 캠핑장, 코카콜라, 이케아 리뉴얼 포트폴리오 2019.06.11
- 더본 코리아 리뉴얼, 금호아시아나, 위니비니 리뉴얼 - 포트폴리오 2019.06.07
- 금호 아시아나, 현대 자동차 리뉴얼 - 포트폴리오 2019.06.07
- 오버워치 리뉴얼(overwatch), 현대 자동차, 닥터 드레 리뉴얼 - 포트폴리오 2019.06.07
- 파파존스, 두산건설, 다이슨 리뉴얼 - 포트폴리오 2019.06.07
- Satchel, 존슨스 리뉴얼 - 포트폴리오 2019.06.07
- GTQ 리뉴얼, 한국타이어 - 포트폴리오 2019.06.07
- 셜록, 네일 아트, luxsteel - 포트폴리오 2019.06.07
CSS3 - 70 [ Link animation ] border animation, before & after animation, css animation
하림, 카카오 프렌즈, 나이키, 반응형, 워드프레쓰 포트폴리오
수료일: 2018.09.12
과정시간: 800시간
1차 과제명 : 하림 리뉴얼
과제 주소: http://tjru7230.dothome.co.kr/index.html
과제 특징: 주요 페이지 구현, 일러스트 디자인, 반응형
2차 과제명 : 카카오 프렌즈 리뉴얼
과제 주소: http://tjru7231.dothome.co.kr
과제 특징: 주요서브페이지 모두 구현, 반응형, 일러스트 아이콘 디자인, 패럴렉스
3차 과제명 : 나이키 풋폴 모바일 리뉴얼
과제 주소: http://tjru7232.dothome.co.kr
과제 특징: 모바일 전용(적응형), 워드프레쓰, 우커머스
'수료생 포트폴리오' 카테고리의 다른 글
CJES 리뉴얼, 신세계, 슬로우 파머시 웹디자인 웹퍼블리셔 포트폴리오 (0) | 2019.06.14 |
---|---|
유니버셜, 올리브 스튜디오, 맥도날드, 개인포폴(워드프레쓰) 포트폴리오 (0) | 2019.06.14 |
난지 캠핑장, 코카콜라, 이케아 리뉴얼 포트폴리오 (0) | 2019.06.11 |
더본 코리아 리뉴얼, 금호아시아나, 위니비니 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
금호 아시아나, 현대 자동차 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
난지 캠핑장, 코카콜라, 이케아 리뉴얼 포트폴리오
수료일: 2017.11.30
과정시간: 800시간
1차 과제명 : 난지 캠핌장 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/nanji
과제 특징: 주요 페이지 모두 구현 총 29페이지
2차 과제명 : 코카콜라 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/coke/
과제 특징: 주요서브페이지 모두 구현, 반응형, 로딩 애니메이션
3차 과제명 : 이케아 모바일 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/ikea
과제 특징: 모바일 전용(적응형), 로딩 애니메이션
'수료생 포트폴리오' 카테고리의 다른 글
유니버셜, 올리브 스튜디오, 맥도날드, 개인포폴(워드프레쓰) 포트폴리오 (0) | 2019.06.14 |
---|---|
하림, 카카오 프렌즈, 나이키, 반응형, 워드프레쓰 포트폴리오 (2) | 2019.06.11 |
더본 코리아 리뉴얼, 금호아시아나, 위니비니 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
금호 아시아나, 현대 자동차 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
오버워치 리뉴얼(overwatch), 현대 자동차, 닥터 드레 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
더본 코리아 리뉴얼, 금호아시아나, 위니비니 리뉴얼 - 포트폴리오
수료일: 2017.11.30
과정시간: 800시간
1차 과제명 : 더본 코리아 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/theborn/
과제 특징: 주요 페이지 모두 구현
2차 과제명 : 금호아시아나 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/asiana/
과제 특징: 주요 페이지 모두 구현
3차 과제명 : 위니비니 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/weenybenny
과제 특징: 반응형, 장바구니, 주문페이지
'수료생 포트폴리오' 카테고리의 다른 글
하림, 카카오 프렌즈, 나이키, 반응형, 워드프레쓰 포트폴리오 (2) | 2019.06.11 |
---|---|
난지 캠핑장, 코카콜라, 이케아 리뉴얼 포트폴리오 (0) | 2019.06.11 |
금호 아시아나, 현대 자동차 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
오버워치 리뉴얼(overwatch), 현대 자동차, 닥터 드레 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
파파존스, 두산건설, 다이슨 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
금호 아시아나, 현대 자동차 리뉴얼 - 포트폴리오
수료일: 2017.11.30
과정시간: 800시간
2차 과제명 : 금호 아시아나 문화재단 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/kumho
과제 특징: 주요 페이지 모두 구현
3차 과제명 : 현대 자동차 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/clinique/
과제 특징: 반응형, 애니메이션, 색상 변경
'수료생 포트폴리오' 카테고리의 다른 글
난지 캠핑장, 코카콜라, 이케아 리뉴얼 포트폴리오 (0) | 2019.06.11 |
---|---|
더본 코리아 리뉴얼, 금호아시아나, 위니비니 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
오버워치 리뉴얼(overwatch), 현대 자동차, 닥터 드레 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
파파존스, 두산건설, 다이슨 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
Satchel, 존슨스 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
오버워치 리뉴얼(overwatch), 현대 자동차, 닥터 드레 리뉴얼 - 포트폴리오
수료일: 2017.11.30
과정시간: 800시간
1차 과제명 : 오버워치 리뉴얼(overwatch)
과제 주소: http://eztoweb.maru.net/students/2017/overwatch/
과제 특징: 주요 페이지 모두 구현, 탭 활용
2차 과제명 : 현대 자동차 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/hyundai/
과제 특징: 동영상 풀페이지, 서브메뉴 애니메이션, 차량 색상변경
3차 과제명 : 닥터 드레 리뉴얼
과제 주소: http://drdre.dothome.co.kr/
과제 특징: 3차 모바일 전용 사이트 리뉴얼
색상변경, 가격변경, 모바일 메뉴
'수료생 포트폴리오' 카테고리의 다른 글
더본 코리아 리뉴얼, 금호아시아나, 위니비니 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
---|---|
금호 아시아나, 현대 자동차 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
파파존스, 두산건설, 다이슨 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
Satchel, 존슨스 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
GTQ 리뉴얼, 한국타이어 - 포트폴리오 (0) | 2019.06.07 |
파파존스, 두산건설, 다이슨 리뉴얼 - 포트폴리오
수료일: 2017.11.30
과정시간: 800시간
1차 과제명 : 파파존스 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/papajohns/index.html
과제 특징: 주요 페이지 모두 구현
2차 과제명 : 두산건설 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/doosan/
과제 특징: 세로로 이동하는 페이지
3차 과제명 : 다이슨 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/dyson/
과제 특징: 3차 모바일 전용 사이트 리뉴얼
'수료생 포트폴리오' 카테고리의 다른 글
금호 아시아나, 현대 자동차 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
---|---|
오버워치 리뉴얼(overwatch), 현대 자동차, 닥터 드레 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
Satchel, 존슨스 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
GTQ 리뉴얼, 한국타이어 - 포트폴리오 (0) | 2019.06.07 |
셜록, 네일 아트, luxsteel - 포트폴리오 (0) | 2019.06.07 |
Satchel, 존슨스 리뉴얼 - 포트폴리오
수료일: 2017.11.30
과정시간: 800시간
2차 과제명 : Satchel 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/leather/
과제 특징: 2차 주제 모바일 쇼핑몰 리뉴얼
제품 선택, 색상 변경, 반응형
3차 과제명 : 존슨스 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/johnson/
과제 특징: 비율을 유지하는 동영상 풀페이지, 세로이동
'수료생 포트폴리오' 카테고리의 다른 글
오버워치 리뉴얼(overwatch), 현대 자동차, 닥터 드레 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
---|---|
파파존스, 두산건설, 다이슨 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
GTQ 리뉴얼, 한국타이어 - 포트폴리오 (0) | 2019.06.07 |
셜록, 네일 아트, luxsteel - 포트폴리오 (0) | 2019.06.07 |
이케아 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
GTQ 리뉴얼, 한국타이어 - 포트폴리오
제작 시기: 2017.6.21 수료
수업 시간: 900시간
포트폴리오 1차: GTQ 리뉴얼
링크 : http://eztoweb.maru.net/students/02_gtq/
주요 특징: 디자인 > html, css, jquery > css 애니메이션, 반응형, 주요 서브페이지 모두 제작
포트폴리오 2차: 한국 타이어 리뉴얼
링크 : http://eztoweb.maru.net/students/00_hankook/
주요 특징: 디자인 > html, css, jquery > 반응형, 주요 서브페이지 모두 제작
'수료생 포트폴리오' 카테고리의 다른 글
파파존스, 두산건설, 다이슨 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
---|---|
Satchel, 존슨스 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
셜록, 네일 아트, luxsteel - 포트폴리오 (0) | 2019.06.07 |
이케아 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
알렉 에피소드, 반응형, 워드프레쓰, svg - 포트폴리오 (0) | 2019.06.07 |
셜록, 네일 아트, luxsteel - 포트폴리오
제작 시기: 2017.6.21 수료
수업 시간: 900시간
포트폴리오 1차: 셜록 드라마 홍보 사이트 (창작)
링크 : http://eztoweb.maru.net/students/02_sherock/
주요 특징: 디자인 > html, css, jquery > css 애니메이션
지하로 내려가는 디자인과 애니메이션
포트폴리오 2차: 네일아트 사이트
링크 : http://eztoweb.maru.net/students/magicnail/
주요 특징: 디자인 > html, css, jquery >
풀반응형 모든 너비, 높이에 반응하는 사이트
왼쪽 메뉴를 통해 전체 사이트 컬러를 변경 가능
포트폴리오 3차: 기업사이트 리뉴얼
링크 : http://eztoweb.maru.net/students/luxteel/
주요 특징: 디자인 > html, css, jquery > 반응형
'수료생 포트폴리오' 카테고리의 다른 글
Satchel, 존슨스 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
---|---|
GTQ 리뉴얼, 한국타이어 - 포트폴리오 (0) | 2019.06.07 |
이케아 리뉴얼 - 포트폴리오 (0) | 2019.06.07 |
알렉 에피소드, 반응형, 워드프레쓰, svg - 포트폴리오 (0) | 2019.06.07 |
lolita - 포트폴리오 (0) | 2019.06.07 |