السلام عليكم ورحمة الله وبركاته
اليوم سوف نتعرف على أكثر من تأثير على صور مدونات بلوجر .
- التأثير الأول :
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>
إلى هنا نترككم برعاية الله وتوفيقه
ليست هناك تعليقات:
إرسال تعليق