SDF Chatter
  • Communities
  • Create Post
  • Create Community
  • heart
    Support Lemmy
  • search
    Search
  • Login
  • Sign Up
TechCodex@programming.dev to Programmer Humor@lemmy.mlEnglish · 3 年前

CSS: Chaos-Soothe-Shake

programming.dev

message-square
10
link
fedilink
347

CSS: Chaos-Soothe-Shake

programming.dev

TechCodex@programming.dev to Programmer Humor@lemmy.mlEnglish · 3 年前
message-square
10
link
fedilink
alert-triangle
You must log in or register to comment.
  • xigoi
    link
    fedilink
    arrow-up
    25
    ·
    3 年前

    Still using vendor prefixes in 2023?

    • b_crussin@programming.dev
      link
      fedilink
      English
      arrow-up
      12
      arrow-down
      1
      ·
      3 年前

      http://shouldiprefix.com/#filters

      Isn’t -webkit-filter still required?

      • ruben@lemmy.blahaj.zone
        link
        fedilink
        English
        arrow-up
        13
        ·
        3 年前

        https://caniuse.com/css-filters

        It looks like not really anymore

        • b_crussin@programming.dev
          link
          fedilink
          English
          arrow-up
          4
          ·
          3 年前

          Woah, TIL

    • TechCodex@programming.devOP
      link
      fedilink
      English
      arrow-up
      6
      arrow-down
      1
      ·
      3 年前

      No… My bad… Normally I use PostCSS

  • Pasta Dental@sh.itjust.works
    link
    fedilink
    arrow-up
    13
    ·
    3 年前

    ok i know nobody cares but thats not how the blur filter would look like and it triggers me

  • Hazzia@discuss.tchncs.dedeleted by creator
    link
    fedilink
    arrow-up
    6
    ·
    edit-2
    2 年前

    deleted by creator

    • TechCodex@programming.devOP
      link
      fedilink
      English
      arrow-up
      17
      ·
      3 年前

      In HTML:

      div class=“hands”>

      In CSS:

      .hands

      A dot in CSS means you’re referring to an HTML Class. Note that this is different from the OOP Class in scripting languages. Think of HTML classes as classrooms. You can have multiple divs with the same class name, each will be affected when you style that class name. Just like students follow the same rule when applied to a classroom.

      In some specific instances, ID is used instead of class. # is used in CSS instead of a dot. The only difference is that in ID, each element should have a unique ID.

      div id=“right-arm”

      CSS: #right-arm

      • nero@lemmy.world
        link
        fedilink
        English
        arrow-up
        6
        ·
        3 年前

        To add onto this, you can also have:

        <div> </div>

        And style it with:

        div { background-color: red; }

        just using the html tags without a . or #

      • Hazzia@discuss.tchncs.dedeleted by creator
        link
        fedilink
        arrow-up
        1
        ·
        edit-2
        2 年前

        deleted by creator

    • b_crussin@programming.dev
      link
      fedilink
      English
      arrow-up
      10
      ·
      3 年前

      The language is CSS, the dot signifies that it’s the name of a class. So any HTML elements with the same class name will have those CSS styles applied to them

    • PsychedSy@lemmy.world
      link
      fedilink
      arrow-up
      4
      arrow-down
      1
      ·
      3 年前

      CSS class?

Programmer Humor@lemmy.ml

programmerhumor@lemmy.ml

Subscribe from Remote Instance

Create a post
You are not logged in. However you can subscribe from another Fediverse account, for example Lemmy or Mastodon. To do this, paste the following into the search field of your instance: !programmerhumor@lemmy.ml

Post funny things about programming here! (Or just rant about your favourite programming language.)

Rules:

  • Posts must be relevant to programming, programmers, or computer science.
  • No NSFW content.
  • Jokes must be in good taste. No hate speech, bigotry, etc.
Visibility: Public
globe

This community can be federated to other instances and be posted/commented in by their users.

  • 13 users / day
  • 978 users / week
  • 1.69K users / month
  • 2.81K users / 6 months
  • 444 local subscribers
  • 43K subscribers
  • 1.9K Posts
  • 40.4K Comments
  • Modlog
  • mods:
  • AgreeableLandscape@lemmy.mldeleted by creator
  • cat_programmer@lemmy.ml
  • BE: 0.19.20
  • Modlog
  • Instances
  • Docs
  • Code
  • join-lemmy.org