Herkese merhaba. Bugün sizlere CSS focus özelliğinden bahsedeceğim. Bu özellik tema kodlarken veya bir tema elemanı kodlarken çok işinize yarayabilir. Mesela benim şuanda kullandığım gibi arama formunuzda kullanabilirsiniz. Daha detaylı anlamanız için aşağıya bir ön izlemede koydum. Ön izlemeye bakarak daha iyi anlayabilirsiniz.

Focus, kelimesinin Türkçe'si "odak"tır. Bir CSS elemanına istediğiniz bir kodu odaklayabilirsiniz. Örneğin :focus kullanılmadan :active ile box-shadow kullanılan bir inputta tıklar tıklamaz box-shadow kaybolacaktır. Ancak :focus ile box-shadow kullanıldığında siz fareyi çekene kadar efekt gözükecektir.

Bu örnek daha iyi anlatır. ;)

Metin kutusunun üzerine tıklayın.

Nasıl kullanılır?

#nesne:focus{
box-shadow: 0 0 5px #900;
}