Projelerimden biriyle uğraşırken canım sıkıldı ve CSS'te "before" ve "after" özelliklerinden bahsetmek istedim. Yorumlara siz de bu özellik ile yapılabilecek başka içerikler önerebilirsiniz.
En basit tabirle "before" bir elemanın içine ilk sıraya HTML elemanı dışında bir eleman daha eklemenize olanak tanır. Bu ister metin olabilir, isterseniz de benim bahsedeceğim gibi çeşitli şekiller.
Söylemeye gerek var mı bilmiyorum ama "after" da tam tersi olarak son sıraya eleman ekler
Ok yapmanın temel mantığı transparan bir kareye tek taraflı "border" vermektir. Bu okun tam hizalanması için "before" uygulanacak elemana
Daha fazla karmaşık bir şey olmadığı için kodu buradan yazmak yerine "jsfiddle"da paylaşıyorum. Kafasına bir şey takılan olursa yorum yazabilir.
En basit tabirle "before" bir elemanın içine ilk sıraya HTML elemanı dışında bir eleman daha eklemenize olanak tanır. Bu ister metin olabilir, isterseniz de benim bahsedeceğim gibi çeşitli şekiller.
Söylemeye gerek var mı bilmiyorum ama "after" da tam tersi olarak son sıraya eleman ekler
Ok yapmanın temel mantığı transparan bir kareye tek taraflı "border" vermektir. Bu okun tam hizalanması için "before" uygulanacak elemana
position: relative
özelliği verilmelidir. Daha sonra "before" elemanı position: absolute
ile konumlandırılabilir.Daha fazla karmaşık bir şey olmadığı için kodu buradan yazmak yerine "jsfiddle"da paylaşıyorum. Kafasına bir şey takılan olursa yorum yazabilir.
CSS "before" and "after" - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
jsfiddle.net
Son düzenleme: