Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/labex-labs/css-practice-plus
[CSS Practice Plus]-In this course, You will practice more labs of CSS. This will help you to master the skills more deeply.
https://github.com/labex-labs/css-practice-plus
List: css-practice-plus
awesome awesome-list challenges course css education hands-on html javascript labex labs programming
Last synced: about 2 months ago
JSON representation
[CSS Practice Plus]-In this course, You will practice more labs of CSS. This will help you to master the skills more deeply.
- Host: GitHub
- URL: https://github.com/labex-labs/css-practice-plus
- Owner: labex-labs
- Created: 2024-05-22T07:25:12.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2024-05-23T02:43:35.000Z (8 months ago)
- Last Synced: 2024-05-23T08:40:32.297Z (7 months ago)
- Topics: awesome, awesome-list, challenges, course, css, education, hands-on, html, javascript, labex, labs, programming
- Homepage: https://labex.io/courses/css-practice-plus
- Size: 12.7 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CSS Practice Plus
In this course, You will practice more labs of CSS. This will help you to master the skills more deeply.
## Scenarios
| Index | Name | Difficulty | Practice |
|---------|---------------------------------------------------------|--------------|----------------------------------------------------------------------|
| 01 | 📖 3D Rotating Cube | ★☆☆ | Start Lab |
| 02 | 📖 Animated Social Sharing Buttons With CSS | ★☆☆ | Start Lab |
| 03 | 📖 Your First CSS Lab | ★☆☆ | Start Lab |
| 04 | 📖 Disable Content Selection with CSS | ★☆☆ | Start Lab |
| 05 | 📖 Reset All Styles | ★☆☆ | Start Lab |
| 06 | 📖 Stylized Quotation Marks | ★☆☆ | Start Lab |
| 07 | 📖 Responsive Fluid Typography with CSS | ★☆☆ | Start Lab |
| 08 | 📖 System Font Stack | ★☆☆ | Start Lab |
| 09 | 📖 Crafting Etched Text Effects with CSS | ★☆☆ | Start Lab |
| 10 | 📖 Truncate Text with CSS Overflow | ★☆☆ | Start Lab |
| 11 | 📖 Trim Multiline Text | ★☆☆ | Start Lab |
| 12 | 📖 Centered Grid Layout Mastery | ★☆☆ | Start Lab |
| 13 | 📖 Beginner's Guide to CSS Fundamentals | ★☆☆ | Start Lab |
| 14 | 📖 Hide Empty Elements | ★☆☆ | Start Lab |
| 15 | 📖 Checkerboard Background Pattern | ★☆☆ | Start Lab |
| 16 | 📖 Stripes Background Pattern | ★☆☆ | Start Lab |
| 17 | 📖 Creating Gradient Text with CSS | ★☆☆ | Start Lab |
| 18 | 📖 Evenly Distributed Children | ★☆☆ | Start Lab |
| 19 | 📖 Nested List Counters with CSS | ★☆☆ | Start Lab |
| 20 | 📖 Image Text Overlay | ★☆☆ | Start Lab |
| 21 | 📖 Style Links With No Text | ★☆☆ | Start Lab |
| 22 | 📖 Zebra Striped List | ★☆☆ | Start Lab |
| 23 | 📖 Creating Responsive Tiled Layouts | ★☆☆ | Start Lab |
| 24 | 📖 Mastering CSS Clearfix Technique | ★☆☆ | Start Lab |
| 25 | 📖 Custom Text Selection | ★☆☆ | Start Lab |
| 26 | 📖 CSS Styling Techniques for Web Development | ★☆☆ | Start Lab |
| 27 | 📖 Polka Dot Background Pattern | ★☆☆ | Start Lab |
| 28 | 📖 Scroll Progress Bar | ★☆☆ | Start Lab |
| 29 | 📖 Zig Zag Background Pattern | ★☆☆ | Start Lab |
| 30 | 📖 Accessible Offscreen Element Hiding | ★☆☆ | Start Lab |
| 31 | 📖 Responsive Flexbox Centering Techniques | ★☆☆ | Start Lab |
| 32 | 📖 Sibling Fade CSS Effect | ★☆☆ | Start Lab |
| 33 | 📖 Fit Image in Container | ★☆☆ | Start Lab |
| 34 | 📖 Fundamentals of CSS Styling | ★☆☆ | Start Lab |
| 35 | 📖 Customizing Scrollbar Styles with CSS | ★☆☆ | Start Lab |
| 36 | 📖 Constant Width to Height Ratio | ★☆☆ | Start Lab |
| 37 | 📖 Dynamic CSS Shadows Creation | ★☆☆ | Start Lab |
| 38 | 📖 Creating Shape Separators with CSS | ★☆☆ | Start Lab |
| 39 | 📖 CSS Fundamentals for Visually Appealing Web | ★☆☆ | Start Lab |
| 40 | 📖 Stylish Drop Cap Technique | ★☆☆ | Start Lab |
| 41 | 📖 Overflow Scroll Gradient | ★☆☆ | Start Lab |
| 42 | 📖 Truncate Multiline Text | ★☆☆ | Start Lab |
| 43 | 📖 Border With Top Triangle | ★☆☆ | Start Lab |
| 44 | 📖 Vertically and Horizontally Center Elements | ★☆☆ | Start Lab |
| 45 | 📖 Hide Scroll Bars | ★☆☆ | Start Lab |
| 46 | 📖 Shake on Invalid Input | ★☆☆ | Start Lab |
| 47 | 📖 Fallback for Images That Fail to Load | ★☆☆ | Start Lab |
| 48 | 📖 Responsive Layout With Sidebar | ★☆☆ | Start Lab |
| 49 | 📖 Enhancing Form Interactivity with CSS Focus-Within | ★☆☆ | Start Lab |
| 50 | 📖 Pretty Text Underline | ★☆☆ | Start Lab |
| 51 | 📖 Button Fill Animation | ★☆☆ | Start Lab |
| 52 | 📖 Responsive Container Aspect Ratio CSS | ★☆☆ | Start Lab |
| 53 | 📖 Box-Sizing Reset in CSS | ★☆☆ | Start Lab |
| 54 | 📖 Display Table Centering | ★☆☆ | Start Lab |
| 55 | 📖 Vertical Scroll Snap | ★☆☆ | Start Lab |
| 56 | 📖 Show Additional Content on Hover | ★☆☆ | Start Lab |
| 57 | 📖 List With Sticky Section Headings | ★☆☆ | Start Lab |
| 58 | 📖 Button Grow Animation | ★☆☆ | Start Lab |
| 59 | 📖 Button Shrink Animation | ★☆☆ | Start Lab |
| 60 | 📖 Crafting Pulsing CSS Loader Animation | ★☆☆ | Start Lab |
| 61 | 📖 Mastering CSS for Visually Stunning Websites | ★☆☆ | Start Lab |
| 62 | 📖 Zoom in Zoom Out Animation | ★☆☆ | Start Lab |
| 63 | 📖 Button Border Animation | ★☆☆ | Start Lab |
| 64 | 📖 Fullscreen Element Styling with CSS | ★☆☆ | Start Lab |
| 65 | 📖 Hover Shadow Box Animation | ★☆☆ | Start Lab |
| 66 | 📖 Mastering CSS for Visually Stunning Websites | ★☆☆ | Start Lab |
| 67 | 📖 Input With Prefix | ★☆☆ | Start Lab |
| 68 | 📖 Image Rotate on Hover | ★☆☆ | Start Lab |
| 69 | 📖 Image With Text Overlay | ★☆☆ | Start Lab |
| 70 | 📖 Smooth Transition of Dynamic Heights | ★☆☆ | Start Lab |
| 71 | 📖 Perspective Transform on Hover | ★☆☆ | Start Lab |
| 72 | 📖 CSS Fundamentals for Web Styling | ★☆☆ | Start Lab |
| 73 | 📖 Squiggle Link Hover Effect | ★☆☆ | Start Lab |
| 74 | 📖 Responsive Web Design with CSS | ★☆☆ | Start Lab |
| 75 | 📖 Responsive Masonry Layout with CSS | ★☆☆ | Start Lab |
| 76 | 📖 Staggered CSS Animation for List Elements | ★☆☆ | Start Lab |
| 77 | 📖 Image Gallery With Vertical Scroll | ★☆☆ | Start Lab |
| 78 | 📖 Create CSS Toggle Switch | ★☆☆ | Start Lab |
| 79 | 📖 Card With Image Cutout | ★☆☆ | Start Lab |
| 80 | 📖 Button Swing Animation | ★☆☆ | Start Lab |
| 81 | 📖 Create Rotating Card with CSS | ★☆☆ | Start Lab |
| 82 | 📖 Image Gallery With Horizontal Scroll | ★☆☆ | Start Lab |
| 83 | 📖 Hover Underline Animation | ★☆☆ | Start Lab |
| 84 | 📖 Navigation List Item Hover and Focus Effect | ★☆☆ | Start Lab |
| 85 | 📖 Menu on Image Hover | ★☆☆ | Start Lab |
| 86 | 📖 Custom Radio Button | ★☆☆ | Start Lab |
| 87 | 📖 Mouse Cursor Gradient Tracking | ★☆☆ | Start Lab |
| 88 | 📖 List With Floating Section Headings | ★☆☆ | Start Lab |
| 89 | 📖 Creating Typewriter Effect with HTML CSS JavaScrip... | ★☆☆ | Start Lab |
| 90 | 📖 Bouncing CSS Animation Loader | ★☆☆ | Start Lab |
| 91 | 📖 Responsive Image Mosaic | ★☆☆ | Start Lab |
| 92 | 📖 Animated Checkbox Styling with CSS | ★☆☆ | Start Lab |
| 93 | 📖 Image Overlay on Hover | ★☆☆ | Start Lab |
## More
- 🔗 [CSS Programming Courses](https://github.com/labex-labs/awesome-programming-courses)
- 🔗 [CSS Programming Projects](https://github.com/labex-labs/awesome-programming-projects)
- 🔗 [CSS Free Tutorials](https://github.com/labex-labs/css-free-tutorials)