كيفية إضافة اللوان على خلفية صور مدونات بلوجر

السلام عليكم ورحمة الله وبركاته 

اليوم سوف نتعرف على  أكثر من تأثير على صور مدونات بلوجر .

- التأثير الأول :

- طريقة إضافة التأثير :

1- عندما تريد أن تضيف صورة في مشاركتك وتريد إضافة تأثير عليها  استخدم أكواد التأثير في HTML .

كود التأثير الأول 

<style type="text/css">
.pseudo-elements {
position:relative;
width: 300px;
height: 313px;
background: url(ضع رابط الصورة هنا);
}
.color:after {
content: '';
position: absolute;
width: inherit;
height: inherit;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.35);
}
</style>
<div class="pseudo-elements color"> </div>

- التأثير الثاني :

كود التأثير الثاني :

<style type="text/css">
.gradient-color {
width: 300px;
height: 313px;
background:
linear-gradient(
rgba(255, 0, 92, 0.6),
rgba(0, 0, 0, 0.75)
),
url(رابط الصورة هنا);
}
</style>
<div class="gradient-color"></div>

-  التأثير الثالث :

كود التأثير الثالث :

<style type="text/css">
.box-shadow  {
position:relative;
width: 300px;
height: 313px;
box-shadow: 0px 313px rgba(4, 151, 248, 0.65) inset;
background: url(رابط الصورة هنا);
}
</style>
<div class="box-shadow"></div>

 إلى هنا نترككم برعاية الله وتوفيقه