Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Changing one property when another changes

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #239509
    zantafio
    Participant

    Hello,

    forgive me if this is a simple question, I am fairly new to the css combat.

    I am trying to change a divs clip-path when the “height” property changes:
    On click of a button an element gets added to div.
    Now when this happenes the div changes its height with a transition / transform.
    When this happenes I’d like to change the divs clipping mask.
    How can this be done in css?

    Thanks!

    #239510
    Paulie_D
    Member

    Without some code to work from it’s hard to comment.

    A Codepen.io demo would be ideal….

    In the interim – https://css-tricks.com/clipping-masking-css/

    #239529
    zantafio
    Participant

    hello,

    well what i am trying to do is:
    I have a div to which i want to add another element so:
    – first I change the height of the container and also change the clip-path
    – then I add the new element
    Here is a rough example via jquery:
    ( the clip-path does not change though arghh )
    http://codepen.io/zantafio/pen/KzWwNB

    However, can this be done via css / html alone?
    Thanks

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.