[unnamed]

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?

[unnamed]

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?

[unnamed]

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?

[The Real Slim Shady]

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

[The Real Slim Shady]

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

[The Real Slim Shady]

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

[Slarek]

In html, do this:

Code:

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

and css code

Code:

#focus { transition: 0.5s }

[Slarek]

In html, do this:

Code:

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

and css code

Code:

#focus { transition: 0.5s }

[Slarek]

In html, do this:

Code:

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

and css code

Code:

#focus { transition: 0.5s }

[unnamed]

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.