ใฌในใใณใทใใฆใงใใตใคใใใผใใใฉใชใช(App Official Landing Website)
ใฌในใใณใทใใฆใงใใตใคใใปใใผใใใฉใชใช๏ผApp Official Landing๏ผๅถไฝ้็จใฏใHTML+CSS+JQUERYใใใชใใทใณใฐใซใใใฌในใใณใทใใฆใงใใตใคใๅถไฝใฎๅ จๅทฅ็จใ้ใใฆใใใใชใใทใณใฐไธญ็ดใฌใใซใธใจ้ฒใใใใฎๅบ็คใๅบใใๅฎๆฆใใใชใใทใณใฐใฎใใฆใใฆใ็ฟๅพใใพใใ็นใซใใฆใงใใตใคใๅถไฝใฎๅ จๅทฅ็จใๅๅใช่งฃ่ชฌใจๅฎๆฆไฝๆฅญใง็ต้จใใใใจใงใๅไบบใใผใใใฉใชใชใตใคใๅถไฝใธใฎ่ชไฟกใใคใใพใใๅฟ ้ ใงไฝฟ็จใในใjQueryใใฉใฐใคใณใจใใฆใScroll Reveal AnimationใจSlickในใฉใคใใผใฎไฝฟ็จๆณใๅญฆ็ฟใใพใใใฌในใใณใทใๅถไฝใฎๆๆณใฏใๅพๆฅๆนๅผใฎfloatใจpositionใๅฉ็จใใใฌในใใณใทใใฌใคใขใฆใๅถไฝๆนๅผใงๅถไฝใใพใใใใ ใใ็นๅฎใฎ่ฆ็ด ใซใใใฆใฏFlexใไฝฟ็จใใ้จๅใใใใพใใ
ๅ่ฌ็ 482ๅ
้ฃๆๅบฆ ๅ็ด
ๅ่ฌๆ้ ็กๅถ้
ไปใฎๅ่ฌ็ใใใใใ่ณชๅใๆฐใซใชใใพใใ๏ผ
- ่งฃๆฑบ
ํ๋์ฝ๋ฉ์ผ๋ก ์ด๋ฏธ์ง๋งต(image map) ๋ง๋ค๊ธฐ
ํ๋์ฝ๋ฉ์ผ๋ก ์ด๋ฏธ์ง๋งต(image map) ๋ง๋ค๊ธฐ<span style="color: rgb(36, 41, 47)
HTML/CSSjquery๋ฐ์ํ-์นyeondoo
ใป
6ใถๆๅ
1
63
2
- ๆช่งฃๆฑบ
์ฌ๋ฆญ ์ฌ๋ผ์ด๋
์ ๊ฐ ์ฌ๋ฆญ ์ฌ๋ผ์ด๋ pc๋ฅผ ๋ชจ๋ฐ์ผ๋ก ๋ฐ๊พธ๋ ค๊ณ ํ๋๋ฐ์..์ ์ด์ฟผ๋ฆฌ์์ ๋ฐ๊ฟ ๋ฐฉ๋ฒ ์์๊น์???์๋ ๊ฐ์ด ์ถ๊ฐํ๋๋ฐ ์๋จน์ด์ ์ง๋ฌธํฉ๋๋ค ใ ใ /* product */ $('.sales-presentati
HTML/CSSjquery๋ฐ์ํ-์นtjsgktl3190
ใป
1
136
2
- ๆช่งฃๆฑบ
position: fixed; ๊ฐ ์๋จนํ์..๋ญ๊ฐ ๋ฌธ์ ์ผ๊น์?
html <meta
HTML/CSSjquery๋ฐ์ํ-์นไฝๆ่ ใชใ
ใป
1
149
1
- ๆช่งฃๆฑบ
๋ฐ์ํ fixed ์๋จนํ๋ ๋ฌธ์
pc๋ฒ์ ์ ๋ฌธ์ ๊ฐ ์ ํ ์๋๋ฐ๋ฐ์ํ์ด ๋๋ฉด header์ ์ค position fixed๊ฐ ์ด์ํด์ ธ์๊ทธ ์์ ์๋๋ ๊ฑด ์๋์์ ๋ฐ์ํ์์ ์๋๋ก ๋ด๋ฆด ๋ ๋ง fixed ๊ฐ ์๋๊ณ ์คํฌ๋กค์ ์๋ก ์ฌ๋ฆฌ๋ฉด ์๋์ด ๋๋๋ฐ ์ด๋ฌธ์ ๋ฅผ ์ด๋ป๊ฒ ํด๊ฒฐํด์ผ
HTML/CSSjquery๋ฐ์ํ-์นtkddnjs10184031
ใป
1
244
2
- ๆช่งฃๆฑบ
์ ์๋
์ ์๋ ํด๋น display: flex; ํ ๋ผ, ์ค์์ ๋ ฌํ๋ justify-content: center;/ align-items: center; ํ ๋ ํด๋น div ์height๋ฅผ auto; ๋๋ ์์์์ ์ผ๋ฉด ์ด๋ป๊ฒ๋๋์/? ๊ผญ์์ ์ด๋๋์ฃ
HTML/CSSjquery๋ฐ์ํ-์นparangcube4053
ใป
2
144
1
- ๆช่งฃๆฑบ
.news-thum .date ์์น๊ฐ ์๋ง์์
<img src="https://cdn.inflearn.com/public/files/posts/62d6db1c-9dbf-4a22-aab2-01ea1dc9d521/์คํฌ๋ฆฐ์ท2024-03-14095037.png" alt="์คํฌ๋ฆฐ์ท 2024-03-14 095037.pn
HTML/CSSjquery๋ฐ์ํ-์นpipijua3883
ใป
1
234
2
- ๆช่งฃๆฑบ
TypeIt - Welcome ๋ถ๋ถ์ด ์ ์ฉ์ด ์๋ฉ๋๋ค..
์๋ ํ์ธ์ ๊ฐ์ฌ๋,Header & Welcome ์น์ #4๊น์ง ์๊ฐ ์ค์ ๋ง์ฐ์ค ํ ๊น์ง๋ ๋ค ๋๋๋ฐ TypeIt - Welcome ๋ถ๋ถ๋ง ์ ์ฉ์ด ์๋ฉ๋๋ค.์ ์ด์ฟผ๋ฆฌ ์ฌ๋ฆญ ์ฌ๋ผ์ด๋๋ ๋ฌธ์ ์์ด ์ ๋๋๋ฐ ์ typeit.min.js ํ์ผ
HTML/CSSjquery๋ฐ์ํ-์นlexhan901422
ใป
1
356
2
- ๆช่งฃๆฑบ
Scroll Reveal Animation ์ ์ฉ์ด ์๋์
์๋ ์ฒ๋ผ css ์ ์ฉํ๊ณ html๋ ๊ฐ์๋ฐ๋ก ๋ฃ์ด์คฌ๋๋ฐ...์ ์ ๋๋ฉ์ด์ ์ด ์ ์ฉ๋์ง ์์๊น์.ltr { animation: ltr o.5s linear both; } .rtl {
HTML/CSSjquery๋ฐ์ํ-์นtaylorkimjw19440
ใป
1
353
1
- ๆช่งฃๆฑบ
์์ฑ ํ ๊ฐ ์น์ display:none ์ฃผ์ ์ ๋ฌธ์
๊ฐ ์น์ ๋ณ ๋ชจ๋ ์์ฑํ์์ต๋๋ค.Section Display์ ๊ฐ ์น์ ์ ํ๋์ฉ ํ์ด์ ๋ณผ ๋๋ ๋ฌธ์ ๊ฐ ์์ต๋๋ค. ํ์ง๋ง ๋ชจ๋ ์ฃผ์ ์ฒ๋ฆฌํ์ฌ ๋ณผ ๋ ๋ฌธ์ ๊ฐ ์์ต๋๋ค..faq ์น์ ์ accordian์ด ์๋ํ์ง ์์ต๋๋ค.<img
HTML/CSSjquery๋ฐ์ํ-์นtaylorkimjw19440
ใป
1
372
3
- ่งฃๆฑบ
๋ธ๋ผ์ฐ์ ๋ฅผ ์ค์ผ ๋ ํ๋ฉด ๊นจ์ง
pc๋ฒ์ ์์ ๋ธ๋ผ์ฐ์ ํ๋ฉด์ ์ค์ผ ๋ ์ ๋ ๊ฒ ํ๋ฉด์ด ๊นจ์ง๋๋ฐ<
HTML/CSSjquery๋ฐ์ํ-์นqltnf1238123
ใป
1
609
2
- ๆช่งฃๆฑบ
welcome-heading ๋ถ๋ถ์ด ์ ์ ๋ ๊ฒ ์์น๋๋์ง ๋ชจ๋ฅด๊ฒ ์ต๋๋ค.
<img src="
HTML/CSSjquery๋ฐ์ํ-์นrootruth174525
ใป
1
335
1
- ๆช่งฃๆฑบ
์ ์ด์ฟผ๋ฆฌ ํญ๋ฉ๋ด ํด๋ฆญ ์ง๋ฌธ
<img src="https://cdn.inflearn.com/public/files/posts/a85aea44-b1cf-40e7-9941-b91a010593f8/cd0188ca-db97-4195-9e2e-3bcaa0b561fa.png" alt="cd0188ca-
HTML/CSSjquery๋ฐ์ํ-์นsi63885344
ใป
1
224
1
- ๆช่งฃๆฑบ
์ง๋ฌธ์์ต๋๋ค
์ฌ์ง๊ณผ ๊ฐ์ด award-l
HTML/CSSjquery๋ฐ์ํ-์นshy03752605
ใป
1
536
1
- ๆช่งฃๆฑบ
์ง๋ฌธ์์ต๋๋ค.
์ ์๋ ๊ฐ์์์ ํ ๋ง๋ฅผ ๋ณ๊ฒฝ ํ ์์ ์ค์ ๋๋ค. ์ฌ๋ฆญ์ฌ๋ผ์ด๋๋ฅผ ์ ์ฉ ํ์๋๋ฐ ๋ง์ง๋ง ์ฌ์ง์ ์์น๊ฐ ๋ด๋ ค๊ฐ์ต๋๋ค. ์ฌ์ง์ ๋ณ๊ฒฝํ์ฌ ์์ ์ ํด๋ด๋ ๊ฐ์ ํ์์ด ๋ฐ์ํฉ๋๋ค.<img src="https://cdn.inflearn.com/public/files/posts/3
html/cssjquery๋ฐ์ํ-์นHTML/CSS๋ฐ์ํ-์นshy03752605
ใป
2
634
2
- ๆช่งฃๆฑบ
์ฌ๋ฆญ์ฌ๋ผ์ด๋๊ฐ ์ ์๋๋์ง ๋ชจ๋ฅด๊ฒ ์ต๋๋ค
ํ์ฌ ์ ์๋ ๊ฐ์์์ ํ ๋ง๋ฅผ ๋ณ๊ฒฝํด์ ์์ ํ๊ณ ์์ต๋๋ค. <
html/cssjqueryHTML/CSS๋ฐ์ํ-์น๋ฐ์ํ-์นshy03752605
ใป
1
609
1
- ๆช่งฃๆฑบ
slick slider์ .ceo-content์์ญ ๊ฒน์นจ
section.welc
jqueryHTML/CSS๋ฐ์ํ-์นblessi0104
ใป
1
715
1
- ๆช่งฃๆฑบ
span .badge ๋ถ๋ถ ์ฐธ๊ณ ํ์ค๋ถ ํ์ธ์
๊ฐ์ฌ๋์ด ์์๋๊ฐ ๋๋คํ์ฌ padding ์ํ๊ฐ๋ฅผ ์ฃผ์ จ๋๋ฐ ๊ฟ์ฉ ์ํ์ฃ ์ด๊ฑด ์ฒ์ body์ ์ฃผ์๋ line-height๊ฐ ๋๋ฌธ์ ๋๋ค.ํด๋น span์ ์ฐํด๋ฆญ ๊ฒ์ฌํด์ ๋ณด์๋ฉด padding๊ฐ์ ์์ต๋๋ค.๊ณ ์น์ค๋ ค๋ฉด line-heig
jqueryHTML/CSS๋ฐ์ํ-์นdnr2608
ใป
2
323
1
- ๆช่งฃๆฑบ
ํ๋ ์ค๋ฅผ ์์ฃผ๊ณ ๊ทธ๋ฅ ํจ๋ฉ์ ์ค๋ ๋์ง ์๋์
โ ์ง๋ฌธ ๋จ๊ธฐ<img src="https://cdn.inflearn.com/public/files/posts/eb0dee46-9157-48e1-9761-f9d9aa71c9ac/20221209153202.png" alt="20221209153202.png" titl
HTML/CSSjquery๋ฐ์ํ-์นdnr2608
ใป
1
324
1
- ๆช่งฃๆฑบ
์ฐฝ์ ์ค์ด๋ฉด ์์น๊ฐ ์ด๋๋๋ ๋ฐฑ๊ทธ๋ผ์ด๋ ์ด๋ฏธ์ง
์๋ ํ์ธ์ ๊ฐ์ฌ๋<img src="https://cdn.inflearn.com/public/files/posts/1505f759-ddad-43fe-a0a9-145c6635c67b/20221208133512.png" alt="20221208133512.
๋ฐ์ํ-์นHTML/CSSjquerydnr2608
ใป
1
523
1
- ๆช่งฃๆฑบ
ํฌ๋กฌ์ฐฝ์ ์ค์ด๋ค๋ฉด ์ด๋ฏธ์ง๊ฐ ์์์ง
<img src="https://cdn.inflearn.com/public/files/posts/0facb256-b1d2-460e-88cf-7e8b9310d8bb/20221205174135.png" alt="20221205174135.png" title="2022
HTML/CSSjquery๋ฐ์ํ-์นdnr2608
ใป
1
730
1

