SVGs in CSS

Поделиться
HTML-код
  • Опубликовано: 8 янв 2025

Комментарии • 30

  • @kmaximoff
    @kmaximoff 2 года назад

    I watched many videos, before I found yours, which helped a lot! Thank you Stranger! :)

  • @rammrras9683
    @rammrras9683 2 года назад

    This series it's what I needed in SVG

  • @charlie-george
    @charlie-george 4 года назад +2

    I love your short snappy videos, Amy. Perfect bite-size tips that are actually memorable!

  • @odogwu-1918
    @odogwu-1918 2 года назад

    wow! your content is all I have been looking for, for the past week. You said it all. I am subscribing ASAP

  • @vasilemidrigan50
    @vasilemidrigan50 2 года назад

    I had a hard time struggling with styling SVG, thank you very much! Nice style!!!

  • @JamesQQuick
    @JamesQQuick 4 года назад +2

    Great stuff!! Your editing is great :) Also, super helpful content!

  • @hugorafaelalves3922
    @hugorafaelalves3922 3 года назад +1

    Nice job. i don't knowed the mask-image property. thanks

  • @carlosz1858
    @carlosz1858 3 года назад

    thank you amy, you got it, i was facin the svg's troubles, i love the video

  • @LeonardoFigola
    @LeonardoFigola 3 года назад +1

    Beautiful eyes... Beautiful tutorial. Thanks!

  • @FitLife6767
    @FitLife6767 2 года назад

    Thank you so much!

  • @GamerKittyEuphoric
    @GamerKittyEuphoric 2 года назад

    can you go over how to host an SVG File you can use -- for example when you're creating layouts for blogs like Tumbler, but they don't allow asset files to be dropped into the file server. You have to get them from external sources. (Font Awesome doesn't work on these sites either as the script is blocked)

  • @chamomile_.
    @chamomile_. 3 года назад +1

    Thanks you!

  • @ShinyBudew
    @ShinyBudew 8 месяцев назад

    what do i do if i want the svg to animate dynamically?

  • @arlindooliveiracodinha4215
    @arlindooliveiracodinha4215 3 года назад +1

    full-screen image clipped with SVG vector?

    • @SelfTeachMe
      @SelfTeachMe  3 года назад

      Oooh! That's a good use case! -- I made this video, kind of along that topic: ruclips.net/video/0dbgj2YCT6U/видео.html

  • @Auth0
    @Auth0 3 года назад

    This is a great video!!

  • @nicoregules
    @nicoregules 4 года назад

    quick note: Edge uses Chomium now, so -webkit- applies to it too

    • @SelfTeachMe
      @SelfTeachMe  4 года назад

      Thanks for pointing that out. I went off these docs: developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix

    • @nicoregules
      @nicoregules 4 года назад

      @@SelfTeachMe it applies for somewhat older browsers, actually Opera is also based on Chromium since a couple of years now, so the - o - prefix is practically useless because Opera updates it self so...

  • @omarhassan2548
    @omarhassan2548 3 года назад

    you cant't change the background color but you can invert it, in the css file target the svg and type this { filter: invert(1); } note that this will invert the color not changing it !

    • @SelfTeachMe
      @SelfTeachMe  3 года назад +1

      Thanks for pointing that out… A few months ago this snippet was going around gist.github.com/lnikkila/ae5685661c23d0d7f636 because it would give your site “instant dark mode.” I’m not super crazy about it because I think inverted colors look terrible, but maybe that’s just me?

    • @omarhassan2548
      @omarhassan2548 3 года назад +1

      @@SelfTeachMe yes, sometimes inverted colors look terrible, I Think filters are the easy way to change colors of png's and svg's, also there's another way to change colors by using Adobe Photoshop I will consider this the hard way because not all developers knows how to use Adobe products but it's another useful soloution to change colors of anything on the planet, lol

    • @SelfTeachMe
      @SelfTeachMe  3 года назад

      @@omarhassan2548 haha. Yes.