Unlock the full power of CSS with Custom properties & values

Поделиться
HTML-код
  • Опубликовано: 7 июн 2024
  • With custom properties, you have the full power of CSS available to you in the Webflow Designer. In this livestream, we'll explore some of the new CSS properties that you can use in your Webflow builds with none other than resident CSS expert Corey Moen.
    Get the cloneable & spreadsheet: wfl.io/livestream-custom-prop...
    0:00 Starting soon
    3:18 Intro to Custom properties & values
    5:10 Corey intro & what are custom properties & values
    8:27 Make text breaks smoother with Text-wrap : balance
    17:05 Create a custom cursor using cursor property & intro to functions
    23:56 Make typography fluid with text-size and clamp
    34:00 Community example #1: Drop shadows on images
    35:00 Community example #2: flowscriipt
    35:45 Q&A: Should text properties go on the body or on text elements?
    38:00 Community example #3: Adding linear gradient to logo display
    38:50 How to use variables with custom properties
    40:47 Final tips from Corey
    42:45 Credits
    43:48 Welcome Josh Loh to the Webflow team!

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

  • @xatomdev
    @xatomdev 3 месяца назад +7

    Thanks for the fantastic live stream! 🌟

  • @peterhobbs9107
    @peterhobbs9107 2 месяца назад +1

    Appreciate you guys. Thank you!

  • @aleexious4670
    @aleexious4670 2 месяца назад +1

    Really engaging sessions. Webflow please keep coming such amazing sessions.
    I think something is wrong with the audio at the mid.

    • @Webflow
      @Webflow  2 месяца назад

      Appreciate that! We're fixing the audio issue for the next session :)

  • @IkevanGerven
    @IkevanGerven 3 месяца назад +2

    NICE! Less custom code for me! Please don't forget to share the calculation sheet

    • @Webflow
      @Webflow  2 месяца назад +1

      Aron here! I added it to the livestream page: wfl.io/livestream-custom-properties

  • @dunkley7776
    @dunkley7776 28 дней назад

    So gooood

  • @trailblazerdigital
    @trailblazerdigital 2 месяца назад

    @WEBFLOW This is def a game changer vs Framer, Shopit etc. PS: Aron, can we please have a link to your amazing ratio calc spreadsheet ?

    • @Webflow
      @Webflow  2 месяца назад

      It's available on the community livestream page: wfl.io/livestream-custom-properties

  • @jdanielortega
    @jdanielortega 3 месяца назад

    Question:
    Are custom properties being applied to the class, combo class, or to the selected element only?

    • @Anhtaihuman1
      @Anhtaihuman1 3 месяца назад +1

      It’s applied to the class, just like how you would style native Webflow style properties.

    • @jdanielortega
      @jdanielortega 3 месяца назад

      @@Anhtaihuman1 thanks!

  • @pilot341
    @pilot341 3 месяца назад

    I think it custom properties.

  • @oa1732
    @oa1732 3 месяца назад +1

    It would be great if these livestreams were edited into shorter videos.
    The content seems to cover a lot of important features, but it's hard to watch such a long stream.

    • @Webflow
      @Webflow  3 месяца назад

      Hey OA! Aron here-I feel you, I try to keep the "main" content as succinct as possible. We have tried releasing edited down versions but it seems like RUclips hates duplicative videos. Additionally it's frustrating for viewers who now receive two notifications for essentially the same video. That said, we're always trying to make these more useful for folks watching back like you (more descriptive chapters for instance). If you have any ideas on how we can do better shoot me an email at aron.korenblit@webflow.com