CSS Presentation Problem 1
Здравейте
някой може ли да ми обясни как се правят тези безцветни кръгчета в проблем 1, на най-голямото от които пише "I'm so cool!"
Поздрави
Във форума е въведено ограничение, което позволява на потребителите единствено да разглеждат публикуваните въпроси.
Здравей!
Аз съм ги направил по следния начин. Самото кръгче е див. Правя го с background-color: rgba(169, 170, 170, 0.6);
Сложил съм му absolute position, z-index, border-radius. Вътре в него влагам втори див със съответния бордър. (Margin: auto; rgba(255, 255, 255, 1)).
Това е накратко и в най-общи линии разбира се :)
Поздрави!
Nested div's. Със CSS му даваш border-radius: 40px примерно. Нагласяш си го колко да е заоблен според нуждите ти. Вътре слагаш друг див (поне аз така направих) и му даваш border: 3px dashed и го поззиционираш absolute ili relative, както сметнеш за добре. Със width i height го докарваш на размери и така :)