تغییر رنگ لینک در hover در چند ثانیه

سلام ، این کدو امتحان کنید

span:hover{
transition-delay:1s
}

سلام اگر می‌خوایید پروسه تغییر رنگ یک ثانیه طول بکشه می‌تونید از این کد استفاده کنید:

a{
transition: all linear 1s;
}

خیلی ممنون اما منظورم این بود که در یک ثانیه رنگ آن تغییر کند نه بعد از یک ثانیه .
مثل button های بوت استرپ .
@eniack

خیلی ممنون
@RamtinA

خب inspect بگیرید روی دکمه های بوت استرپ کدشو ببینید