Merhaba öncelikle herkese 😀 . Kodlama ya yeni başladım zaten HTML bitti temel olarak. CSS ' e giriş yaptık. Ders videoları dışında örnekler yapıyorum. Bi örneğimde iki sorunla karşılaştım.
1- Aşağıda iki resim var orjinali ve benim yaptığım. Burdaki sorun box-shadow rengini graident yapma. Ama div içeriğinin background ıyla aynı olcak şekilde ki bunun iki çözümü vardır belki. Ya gradient diyim üstteki değerlerin aynısını gireriz yada kısyol belki vardır shadow üsteki renk olsun gibi. Her neyse bu sorunum değil. S_orunum box shadowu nasıl gradient yaparım . 😀
2-HTML dosyamı kaydediyorum "html" uzantısıyla. PNG türüne çevirmek için browser da çevirme sitelerine girip html to png yapıyorum html dosyamı ekleyip. Ama sonuç çıkmıyor. Yani resimde görünen iki çizgi arasındaki "div" varya some text yazılı o png türünde çıkmıyor. PNG türünde çıkan tek şey o iki çizgi. Kolay gelsin 😆
[İnternette az buçuk araştırma yaptım ama bulamadım🙁 ]
3- Bu arada hazır bilenler varken üstteki çizgi yi az bulanıklaştırmak için ne yapıyoruz. blur mu kullanıyoz hangi eiket veya parametre nasıl kullanılıyor.?
Örneğin aslı: https://ibb.co/x7tQYQW
Benim yaptığım: https://ibb.co/09r3PP8
Buda kod içeriği:
<html>
<head>
<meta charset="utf-8">
<title>CSS ÖRNEKLER</title>
<style type="text/css">
.kutuicerigi{width: 450px; height: 70px; background-image: linear-gradient(to right,#9101FF,#1F5AD1,#0A83AF); font: normal 36px Aladin; text-align: center; margin: 0 0 0 700px; padding: 30px 0 0 0; border-radius: 30px; color: #fff;}
</style>
</head>
<body>
<hr color="#AAAAAA" width="700" size="2"><br><br><br><br>
<div class="kutuicerigi">SOME TEXT</div><br><br><br><br>
<hr color="#929292" width="700" size="1">
</body>
</html>```
