Announcement

Collapse
No announcement yet.

I missing a small detail with animation

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • I missing a small detail with animation

    I would like this according example to morph from a "+/-" and vice versa when opening and closing. Right know it just rotates the plus. But I need a good transition that goes form "+" to "-".

    Please help.

    http://codepen.io/ssyed/pen/qqmmZr
    -=SunnaH=-

  • #2
    Hi there SunnaH,

    I did reply to this problem of yours, over at the Sitepoint forums...
    https://www.sitepoint.com/community/...0/2?u=coothead
    ...where I wrote...
    try changing this...
    Code:
    
    input[type=checkbox]:checked + label::after { 
        transform: rotate(315deg); 
     }
    
    ...to this...
    Code:
    
    input[type=checkbox]:checked + label::after { 
        content: '-'; 
     }
    



    ~ the original bald headed old fart ~

    Comment

    Working...
    X