Lil help with CSS - Printable Version

Lil help with CSS - Printable Version

+- Sinisterly (https://sinister.ly)
+-- Forum: Design (https://sinister.ly/Forum-Design)
+--- Forum: Web Design (https://sinister.ly/Forum-Web-Design)
+--- Thread: Lil help with CSS (/Thread-Lil-help-with-CSS)

Pages: 1 2 3 4 5 6

Lil help with CSS - unnamed - 10-03-2013

So I used transition-delay:0.5s; to get some delay on some effects.
Such as

Code:
#id:focus {
        color: #FF0000;
        transition-delay:0.5s;
        }

The thing is I want some other styling to not have delay on the same id,
I tried this:

Code:
#id:focus {
        color: #FF0000;
        transition-delay:0.5s;
}
#id:focus { border-color: #000000;
}

But ofc it didn't work.
How should I approach this?

Lil help with CSS - unnamed - 10-03-2013

So I used transition-delay:0.5s; to get some delay on some effects.
Such as

Code:
#id:focus {
        color: #FF0000;
        transition-delay:0.5s;
        }

The thing is I want some other styling to not have delay on the same id,
I tried this:

Code:
#id:focus {
        color: #FF0000;
        transition-delay:0.5s;
}
#id:focus { border-color: #000000;
}

But ofc it didn't work.
How should I approach this?

Lil help with CSS - unnamed - 10-03-2013

So I used transition-delay:0.5s; to get some delay on some effects.
Such as

Code:
#id:focus {
        color: #FF0000;
        transition-delay:0.5s;
        }

The thing is I want some other styling to not have delay on the same id,
I tried this:

Code:
#id:focus {
        color: #FF0000;
        transition-delay:0.5s;
}
#id:focus { border-color: #000000;
}

But ofc it didn't work.
How should I approach this?

RE: Lil help with CSS - The Real Slim Shady - 10-03-2013

Mmmm why not use 2 different id's? one with the delay and one without it?

RE: Lil help with CSS - Slarek - 10-03-2013

In html, do this:

Code:
<div id=focus>
your stuff here
</div>

and css code

Code:
#focus
{
  transition: 0.5s
}

RE: Lil help with CSS - Slarek - 10-03-2013

In html, do this:

Code:
<div id=focus>
your stuff here
</div>

and css code

Code:
#focus
{
  transition: 0.5s
}

RE: Lil help with CSS - Slarek - 10-03-2013

In html, do this:

Code:
<div id=focus>
your stuff here
</div>

and css code

Code:
#focus
{
  transition: 0.5s
}

RE: Lil help with CSS - unnamed - 10-03-2013

(10-03-2013, 12:12 PM)Geoff Wrote: Mmmm why not use 2 different id's? one with the delay and one without it?

Because I want it to be on the same one.