Lập trình web

50+ ví dụ mẫu giúp kỹ năng CSS3 của bạn tốt hơn

Chia sẻ nhanh

Chúng tôi muốn giới thiệu với bạn một số hướng dẫn CSS3 có kết hợp sử dụng jQuery và JavaScript. Mục đích của các ví dụ này giúp bạn hiểu rõ hơn về các thuộc tính CSS3 và cách sử dụng trong các trường hợp khác nhau.

1- Hệ mặt trời với CSS3


2- Hiệu ứng đồng hồ analog

3- Shadow Experiments


4- Tạo Polaroid Style Images với CSS


5- CSS3 Text, Layout and Color Effects


6- General CSS3 Implemenation


7- Link style với CSS3


8- CSS3 Vertical Accordion


9- Super Awesome CSS3 Buttons


10- Photoshop Style Buttons with CSS3


11- Css Gradient Text Effect


12- Some CSS3 Alternatives to JavaScript Effects


13- Embossed CSS3 Text Effect


14- Understanding CSS3 Color Values


15- Creating Rich Effects with CSS3


16- Making a CSS3 Bokeh Effect


17- CSS3 Columns


18- Fancy Lists with CSS3


19- Very Slick Imageless Infoboxes with CSS3


20- Speech Bubbles


21- Flash-Style Image Transition Effects


22- Recreating Tumblr’s Updating Screen with CSS3


23- Subtle CSS3 Typography that You’d Swear was Made in Photoshop


24- Text Rotation with CSS


25- Create a Letterpress Effect with CSS Text-Shadow


26- Awesome CSS3 Lightbox Gallery with jQuery


27- Awesome Overlays


28- Awesome Inline Form Labels



29- CSS3 3D Effects



30- CSS3 3D Ribbons


31- Animated 3D Poster Scroller


32- 3D CSS3 Coke Can


33- CSS Shadows


34- CSS3 Animation


35- Parallax Starfield Background


36- Showing and Hiding Content with CSS3


37- A Floating Follow Tab With CSS3


38- CSS3 Drop-in Modal Windows


39- Spinners using only CSS3


40- Displaying Social Icons Using CSS3


41- CSS3 Cartoon Animation


42- An Animated Landscape Using CSS3


43- Nice Animated Scrolling Image Captions


44- An Elastic Thumbnail Menu


45- Stacked, Dynamic Index Cards


46- A Colorful Clock with CSS & jQuery


47- Pure CSS3 At-At Walker


48- Create a jQuery Content Slider Using Pure CSS


49- CSS3 Dropdown Menu

Bình luận

TOP

Bạn đã sẵn sàng chuyển ý tưởng tuyệt vời
của bạn thành hiện thực?