Leaf
- Create a square
- Apply larger border-radius at top-left and bottom-right corner
- Create a square
- Apply larger border-radius at top-left and bottom-right corner
Drop
- Create a square
- Apply 50% border-radius to all the sides except one side
- Rotate in such a manner so that tip comes to top
- Create a square
- Apply 50% border-radius to all the sides except one side
- Rotate in such a manner so that tip comes to top
Heart
- Create a rectangle and apply circular border at top
- Rotate it 45deg
- Create another same rectangle with circular border and rotate in 45deg in other direction
- Align both of them
- Create a rectangle and apply circular border at top
- Rotate it 45deg
- Create another same rectangle with circular border and rotate in 45deg in other direction
- Align both of them
Star
- Create two triangle upside down
- Align second triangle in the middle of the first one
- Create two triangle upside down
- Align second triangle in the middle of the first one
Forwarded from Learn Web Development
✨Free website templates that you can use for your next project✨
1. Nice page
- Modern web technologies used in web templates, including HTML CSS JavaScript, and bootstrap
Link:
https://t.co/2LZP6izMEp
2. W3.CSS
- Originally developed by w3 schools which are fully responsive
https://t.co/maKYYzI8PA
3. All Free Download
- As the website name suggests, Free templates using HTML CSS JavaScript free website templates for free download.
https://t.co/W6NZCNAudY
4. Free CSS
- The free website templates over 3000 that are showcased here are open source, creative commons or totally free.
https://t.co/9IOL8wsa3Q
5. Start Bootstrap
- This is more than templates. Bootstrap themes, templates, and UI tools to help you start your next project!
https://t.co/WNFlTl5rkE
6. Tailwind Toolbox
- Free Tailwind CSS Templates, Components and Resources
https://t.co/5l08HJNW0W
7. Templated
- A collection of 867 simple CSS, HTML5 & Responsive site templates
https://t.co/Zycq6sJ5KQ
8. Dev Portfolio
- This is a GitHub repo for portfolio. Simply clone it and change it accordingly
9. Website templates
- 150+ Website Templates
https://t.co/jHCbnvgDtd
1. Nice page
- Modern web technologies used in web templates, including HTML CSS JavaScript, and bootstrap
Link:
https://t.co/2LZP6izMEp
2. W3.CSS
- Originally developed by w3 schools which are fully responsive
https://t.co/maKYYzI8PA
3. All Free Download
- As the website name suggests, Free templates using HTML CSS JavaScript free website templates for free download.
https://t.co/W6NZCNAudY
4. Free CSS
- The free website templates over 3000 that are showcased here are open source, creative commons or totally free.
https://t.co/9IOL8wsa3Q
5. Start Bootstrap
- This is more than templates. Bootstrap themes, templates, and UI tools to help you start your next project!
https://t.co/WNFlTl5rkE
6. Tailwind Toolbox
- Free Tailwind CSS Templates, Components and Resources
https://t.co/5l08HJNW0W
7. Templated
- A collection of 867 simple CSS, HTML5 & Responsive site templates
https://t.co/Zycq6sJ5KQ
8. Dev Portfolio
- This is a GitHub repo for portfolio. Simply clone it and change it accordingly
9. Website templates
- 150+ Website Templates
https://t.co/jHCbnvgDtd
2 Amazing CSS Helpers Tool that You're Not Using Yet.
-
Easily and quickly convert pixel values into ram values
-
Shape divider lets you generate custom shapes to use on your web pages.
-
justrem.xyzEasily and quickly convert pixel values into ram values
-
shapedivider.appShape divider lets you generate custom shapes to use on your web pages.
10 🔥 VS Code Extensions
🔸 Themes & Visuals
⚙️ Material Theme
⚙️ Indent Rainbow
⚙️ Bracket Pair Colorizer
⚙️ Highlight Matching Tag
⚙️ Better Comments
🔸 Insights
⚙️ Git Lens
⚙️ WakaTime
⚙️ Import Cost
🔸 Debugging
⚙️ Debugger for Chrome
⚙️ Turbo Console Log
🔸 Themes & Visuals
⚙️ Material Theme
⚙️ Indent Rainbow
⚙️ Bracket Pair Colorizer
⚙️ Highlight Matching Tag
⚙️ Better Comments
🔸 Insights
⚙️ Git Lens
⚙️ WakaTime
⚙️ Import Cost
🔸 Debugging
⚙️ Debugger for Chrome
⚙️ Turbo Console Log
Learn CSS™ pinned «10 🔥 VS Code Extensions 🔸 Themes & Visuals ⚙️ Material Theme ⚙️ Indent Rainbow ⚙️ Bracket Pair Colorizer ⚙️ Highlight Matching Tag ⚙️ Better Comments 🔸 Insights ⚙️ Git Lens ⚙️ WakaTime ⚙️ Import Cost 🔸 Debugging ⚙️ Debugger for Chrome ⚙️ Turbo Console Log»
CSS Pro Tip🎨
- Use negative "nth-child" and select element from 1 to n
For example, in this case, element from 1 to 4 will get selected
- Use negative "nth-child" and select element from 1 to n
For example, in this case, element from 1 to 4 will get selected