giggem.com senin fikrini çalmış.
Al kodu onlardan kullan
Bunu HTML/css olarak dökebilirmiyim acaba?
11
●814
- 14-11-2013, 09:23:42CSS 3 ile yapabilirsin.
1- İlk önce genel bir div almalısın ve ona position:relative vermelisin.
2- Daireleri oluşturmalısın. border, outline ve border-radius kodlarıyla yapabileceğin en az daireyi yapmalısın ki html kodların sade olsun. (Ben en az üç tane yapabilirim sanırım.). Bunları position:absolute ile yerlerini belirle ve z-index ver.
3- Gerekli genişlikte dairenin çapı boyunda üç tane beyaz arka planlı div oluştur. Yine position absolute ver. Ardından da transform ile bunları gerektiği şekilde konumlandır. yine z-index kullanmayı unutma.
4- İkonları tasarımdan ayır. Arka kısmı şeffaf olsun. a tagı içinde gerektiği kadar padding ver. Bunları da position:absolute ve z-index ile yerleştir.
Ben olsam böyle yapardım.