Merhaba arkadaşlar bu CSS dersimde sitenizdeki herhangi bir yazıya veya kutuya nasıl gölge verebileceğinizi anlatacağım.Yazılı açıklama video altındadır, iyi seyirler…
CSS3 Yazılara ve Kutulara Gölge Vermek
Kutulara Gölge Vermek (Box Shadow)
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>Box & Text Shadow | dogukanbatal.com</title> <style type="text/css"> .kutu{ width:100px; height:100px; background:#ff0; box-shadow:3px -5px 0px #000; } </style> </head> <body> <div class="kutu"></div> </body> </html>
Metinlere Gölge Vermek (Text Shadow)
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>Box & Text Shadow | dogukanbatal.com</title> <style type="text/css"> body{ text-shadow:3px 3px 2px #ff0; } </style> </head> <body> Bu bir deneme yazıdır. </body> </html>