The new HTML <dialog> tag is an absolute game-changer. See what I created with only a few lines of <dialog> and styling the ::backdrop pseudo-element. Before it would have taken almost 20 lines of CSS alone!
Coding Beauty’s Post
More Relevant Posts
-
Freelance Full-Stack Web Developer & Technical Writer | Founder | followed by 21K developers on Medium @tariibaba
The new HTML <dialog> tag is an absolute game-changer. See what I created with only a few lines of <dialog> and styling the ::backdrop pseudo-element. Before it would have taken almost 20 lines of CSS alone!
To view or add a comment, sign in
-
⚫ 😎 CARD ROTATION CREATED BY HTML,CSS :- 1. 🔹 HTML Structure: Start by creating the HTML structure for your card. 2. 🔹 CSS Styling: Add the following CSS to style your flip card
To view or add a comment, sign in
-
How To Create Expending Image Gallery Using Html And CSS. Source code link https://lnkd.in/dr_CjViX
To view or add a comment, sign in
-
#100daysofcode Day 3 Had to go back and build various semantics in HTML header, main and footer section for a good styling. Started understanding various ways to style there is internal, inline and external I prefer using external as it is easier to navigate and correct, able to understand the use of inheritors classes and selectors while at it was able to understand the use of layouts and positioning in css
To view or add a comment, sign in
-
Capitalize First Letters using Only CSS: 👇 WebDevVisuals is out! 🚀 Access all of my other visuals just like this one at: https://lnkd.in/dscmRamt
To view or add a comment, sign in
-
Confused about the difference between padding and margin? Not sure how to use them in CSS? Let us clear things up and show you how to customize each with CSS on Squarespace. https://lnkd.in/gPKBeprt
To view or add a comment, sign in
-
day5: 1. div - defines a division or a section in an HTML document. 2. span - span tag is a generic inline container element. 3. float - float CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. 4. id - write a hash character (#), followed by an id name. Then, define the CSS properties within curly braces {}. 5. class - class is an attribute used to define a group of HTML elements in order to apply unique styling and formatting to those elements with CSS.
To view or add a comment, sign in
-
Day-7 Learned about CSS box model, how every content is in like a box on webpage and how CSS properties are applied to this box and its contents. By understanding the box model, learned about Margin, Padding, Border etc and how to manipulate these properties. Learned about HTML layout and how can structure our code by putting content in the right Element like Header, Main and Footer etc. Learned more about Selectors, Combinators and Classes and how to use each of them to uniquely distinguish between contents and to apply various CSS properties. Learned about Block and Inline elements. #100DaysofCodeChallenge #WebDevelopment
To view or add a comment, sign in
-
Responsive Container with 1 line of CSS 🔥 WebDevVisuals is finally out! 🚀 Access all of my other visuals just like this one at: https://lnkd.in/dscmRamt
To view or add a comment, sign in
-
Frontend Challenge: Day 22 - Fixed display issue by syntax error `src` to `srcset`. - Find 2 amazing gradient web tool. https://hypercolor.dev https://cssgradient.io - Love blend mode, but doesn't work in this challenge. https://lnkd.in/gbVUPMGB - CSS background clip is the best answer to deal with text effect. https://lnkd.in/ghxKzGuk
To view or add a comment, sign in
29 followers