สอนสร้าง(ละเอียด) Responsive Card ด้วย HTML & CSS

สอนสร้าง(ละเอียด) Responsive Card ด้วย HTML & CSS

Channel:
Thailand ZalaZ
Subscribers:
2,160
Published on ● Video Link: https://www.youtube.com/watch?v=imyt1Hed9VI


Duration: 18:05
874 views
38

สอนสร้าง Search Input สวย ๆ HTML & CSS
ดูคลิปจบแล้วอย่าลืมกด Subscribe ให้ผมด้วยนะครับผมจะได้มีกำลังใจในการทำคลิปนะครับ

00:18 แนะนำตัวเองและสิ่งที่สอน
00:49 วางโครง HTML
02:14 เข้าถึง CSS
02:58 เข้าถึง Class container
03:32 เข้าถึง Class grid-container
04:57 เข้าถึง Class card
06:09 กำหนดรูปภาพให้ card
08:44 กำหนด background ของ card
10:03 เข้าถึง Class content
12:58 กำหนด Hover ให้ card
14:01 กำหนดพื้นหลังและกึ่งกลาง
16:10 Responsive Card

Subscribe

Facebook Fanpage : https://www.facebook.com/Dev1998s-101123504930894
Donate & Supporting
🙏🏻 SCB ไทยพานิชย์: 9922171931 ปรวีร์ ปานมาศ
🙏🏻 Paypal : palm.zeroza24@gmail.com



Other Videos By ZalaZ


2021-08-31สอนสร้างเมนู Responsive ง่าย ๆ ด้วย HTML & CSS
2021-08-22สอน Clone Navbar ของ Pinterest แบบละเอียด ด้วย HTML & CSS
2021-08-13สร้าง Hamburger animate ง่าย ๆ ด้วย HTML CSS JS
2021-08-09สอนสร้าง Menu hover สวยๆ ด้วย HTML และ CSS
2021-08-01สอนสร้าง Card Parallax Amimation สวย ๆ ด้วย HTML & CSS
2021-07-21สอนสร้าง Button hover slide สวย ๆ HTML & CSS
2021-07-11ใคร ๆ ก็ทำได้ สร้าง Loading animation ด้วย HTML และ CSS
2021-07-10สอนสร้าง Card Profile อย่างง่ายด้วย HTML CSS (ละเอียด)
2021-06-18สอนสร้าง หน้าเว็บ ง่าย ๆ สวย ๆ HTML & CSS
2021-06-17สอนสร้าง Card สวย ๆ ง่าย ๆ ด้วย HTML & CSS
2021-06-16สอนสร้าง(ละเอียด) Responsive Card ด้วย HTML & CSS
2021-03-16สอนสร้าง Input ใส่ข้อความสวย ๆ HTML & CSS
2021-02-12[HTML & CSS] สร้าง Card สวยๆให้กับเว็บของคุณง่าย ๆ
2020-07-26Motion Graphic Portfolio Profile [After Effect]
2020-06-20แอปหาเงินเข้า Paypal สำหรับ IOS กับแอป Pollpay
2020-06-08เคล็ด(ไม่)ลับ สร้างปุ่มให้น่ากด ด้วย HTML & CSS
2020-06-04สอนสร้าง Search Input สวย ๆ HTML & CSS
2020-06-02CSS & HTML สอนสร้าง Background Animation สวยๆ
2020-05-27!!! สอนสร้าง Text Hover Animation ง่าย ๆ ด้วย HTML และ CSS !!!
2020-05-27หาเงิน 5$ สำหรับ ios เข้า Paypal
2020-05-23เว็บหาเงินออนไลน์ 2020 ได้แน่นอน 500-1000 บาท !!!!


Tags:
website
web design
transition
css
js
html
php
node js
responsive
scroll
scroll transition
page scroll
animation
bootstrap
framework
aos
grid layout
สอนเขียนเว็บ
ออกแบบเว็บไซต์
เลื่อนลง
การเรียนรู้
stayathome
safeathome
menu
menu css
ออกแบบเมนู
เมนูสวยๆ
การ์ด
สร้างการ์ด
Card
Card animation
card hover
hover
card design
hover animation
effect css
effect transition
hover effect
login html
login css
สร้างเว็บง่าย ๆ
input
search
search box
แถบค้นหา
สร้างแถบค้นหา
ค้นหา