How to Draw a Line with CSS

  Рет қаралды 25,414

CSS-Tricks

CSS-Tricks

Күн бұрын

Пікірлер: 21
@swyxTV
@swyxTV 4 жыл бұрын
my jaw dropped when you whipped out the vector-effect="non-scaling-stroke" from memory
@justyna6134
@justyna6134 4 жыл бұрын
!!! the same reaction !!! - @Chris is a Witcher for me ... uuuhhhh !!!
@nikhilmwarrier7948
@nikhilmwarrier7948 4 жыл бұрын
Done.
@justyna6134
@justyna6134 4 жыл бұрын
co cool - thank you :)
@nikhilmwarrier7948
@nikhilmwarrier7948 4 жыл бұрын
@@justyna6134 you're welcome
@cukcan
@cukcan 4 жыл бұрын
In 16 mins I've learned a lot. Thank you Chris!
@Jonathan-Roden
@Jonathan-Roden 4 жыл бұрын
CSS is handicraftsman, and BackEnd devs destroyed it witj Js rendering
@timw5k
@timw5k 4 жыл бұрын
You could use box-shadow as a border/line. Thanks for the vector-effect trick. Did not know that!
@carterjm
@carterjm 4 жыл бұрын
Great stuff Chris!
@hugocsl
@hugocsl 4 жыл бұрын
So cool as always! Box-shadow is a option too I suppose :)
@franklinlchigo1607
@franklinlchigo1607 2 жыл бұрын
thx man it helped a lot
@delulu6969
@delulu6969 3 жыл бұрын
You can also use svg with `background-image: url(#svg-id)`I think
@marwakhaled3336
@marwakhaled3336 Жыл бұрын
thank you so easy
@patrickFREE.
@patrickFREE. 3 жыл бұрын
how i can draw a line from one element to another element ?
@nice_man932
@nice_man932 4 жыл бұрын
How about psedu element (::befor and ::after)
@zaccomusic
@zaccomusic 4 жыл бұрын
good video friend
@RyanCWillis
@RyanCWillis 4 жыл бұрын
How does the lorem ipsum stuff appear at 1:28? Is that a macro or a plugin or something?
@whyredvince
@whyredvince 4 жыл бұрын
emmet
@justyna6134
@justyna6134 4 жыл бұрын
in CodePen emmet works too (lorem*2 + tab) for expl
Learning Grid & Flexbox with Chris Coyier & Kyle Simpson
1:00:20
CSS-Tricks
Рет қаралды 16 М.
How is this Website so fast!?
13:39
Wes Bos
Рет қаралды 878 М.
MAGIC TIME ​⁠@Whoispelagheya
00:28
MasomkaMagic
Рет қаралды 38 МЛН
🕊️Valera🕊️
00:34
DO$HIK
Рет қаралды 20 МЛН
SVG Tutorial - Draw Any Path Animation
19:58
Roberto Matthews
Рет қаралды 32 М.
Front-end dev reacts to mind-blowing Codepens
21:25
Kevin Powell
Рет қаралды 2,1 МЛН
Pure CSS tree view with custom tree icons
31:34
FollowAndrew
Рет қаралды 21 М.
Create an infinite horizontal scroll animation
32:01
Kevin Powell
Рет қаралды 210 М.
Navbar CSS Tutorial: 3 Ways to Create a Navigation Bar with Flexbox
15:08
Exploring the Overlapping Header Pattern
27:35
CSS-Tricks
Рет қаралды 6 М.
Animating with CSS Transitions - A look at the transition properties
18:00
How to STUDY so FAST it feels like CHEATING
8:03
The Angry Explainer
Рет қаралды 1,4 МЛН