HOW TO BLUR IMAGE | BLUR IMAGE USING HTML/CSS IN NOTEPAD FOR BEGINNERS | FULL LECTURE IN URDU/HINDI
In this tutorial, you will learn, The detail introduction of filter tag in CSS. Filter tag of CSS is helpful in editing image without any photo-editor.
In this video we will apply filter tag and it's features on an image. We will edit here the image of car using HTML/CSS attribute. It is very easy to edit an image of a car by using html and css in notepad .In this video we will talk about filter tag in detail.
The most frequent questions asked by the most of the we developers are
1. HOW TO EDIT OUR IMAGE IN WEBPAGE USING NOTEPAD.
2.HOW TO BLUR OUR IMAGE USING HTML/CSS TAG IN NOTEPAD.
3.HOW TO INCREASE OR ENHANCE/ADJUST BRIGHTNESS OF IMAGE USING HTML/CSS TAG IN NOTEPAD
4.HOW TO INCREASE OR ENHANCE / ADJUST CONTRAST OF IMAGE USING HTML/CSS TAG IN NOTEPAD
5.HOW TO ADD SHADOW OF IMAGE USING HTML/CSS TAG IN NOTEPAD(DROP-SHADOW CSS TAG)
6.HOW TO ADD SEPIA ATTRIBUTE IN IMAGE USING HTML/CSS TAG IN NOTEPAD
7.HOW TO ADD OPACITY ATTRIBUTE IN IMAGE USING HTML/CSS TAG IN NOTEPAD.
8.WHAT IS HUE-ROTATE AND HOW TO USE HUE-ROTATE ATTRIBUTE FOR IMAGE USING HTML/CSS TAG IN NOTEPAD
9.HOW TO SATURATE OUR IMAGE USING HTML/CSS TAG IN NOTEPAD
10.HOW TO INVERT OUR IMAGE COLORS USING HTML/CSS TAG IN NOTEPAD
11.HOW TOADD GRAYSCALE ATTRIBUTE OF CSS TO OUR IMAGE USING HTML/CSS TAG IN NOTEPAD
BLUR : means make or become unclear or less distinct. In CSS tag we will use blur tag in pixels in order to make our image less clear. It is a good image editing attribute/tag of CSS.
BRIGHTNESS : In CSS we will use brightness tag in percentage in order to make our image bright. At 0% image is dark and its brightness is maximum at 100%.. It is a good image editing attribute/tag of CSS.
CONTRAST: In CSS we will use contrast tag in percentage in order to make our image sharp ,dark or dull. At 0% image is dark and its contrast is maximum at 100%.. It is a good image editing attribute/tag of CSS.
DROP-SHADOW : In CSS we will use drop-shadow tag in pixels. First we have horizontal shadow, then vertical shadow, then blur and at last we have to mention the color of shadow. in order to make our image bright. It is a good image editing attribute/tag of CSS.
SEPIA: means a reddish-brown color associated particularly with monochrome photographs of the 19th and early 20th centuries. In CSS we will use sepia tag in percentage. At 0% image is dark and its sepia is maximum at 100%. It is a good image editing attribute/tag of CSS.
OPACITY: is a term associates with transparency of image .opacity tag in percentage. At 0% image is fully transparent and its transparency is decreasing while approaching at100%. It is a good image editing attribute/tag of CSS.
HUE-ROTATE: Shifts an element's relative hue, for use by the filter property. Accepts either a deg or rad angle measurement representing a wheel of hues. This CSS property value is reflected in the following image: filter: hue-rotate(90deg). It is a good image editing attribute/tag of CSS.
SATURATE :Color saturation refers to the intensity of color in an image. As the saturation increases, the colors appear to be more pure.
INVERT: Color inversion is a photo effect that flips all colors to their opposite hue on the color wheel. For example, white becomes black, green becomes magenta, and blue becomes orange. In CSS we will use this in percentage. It is a good image editing attribute/tag of CSS.
GRAYSCALE :Grayscale is the collection or the range of monochromic (gray) shades, ranging from pure white on the lightest end to pure black on the opposite end. In CSS we will use this in percentage. It is a good image editing attribute/tag of CSS.
This video help you to understand that how can you use filter tag of css in your html by using notepad. This video help alot to beginners as well.
This video will also help to edit an image in your webpage by using html and CSS. In this video we will tell you that how to make edit image in html for beginners. Editing an image in HTML is also very easy and simple.
It is a good HTML website design tutorial using notepad. A good formula in notepad USING HTML tag will help you to more beautify your page .
We will edit here the image of car using HTML/CSS attribute. It is very easy to edit an image of a car by using html and CSS in notepad
#css #html5 ,#html #htmlcss #htmltutorial #gradient #gradientcolor #linear #conics #radial #car #cartoon #editcars #edit #image #imageediting #imageeditor #blur #blurphotoediting #brightness #contrast #sepia #hue #rotate #shadow #dropshadow #saturation #saturated #opacity #transparency #inverter #invert #gray #scale #filter #filters #filterscript #google #googlemaps #programming , #web , #webdesign , #webdevelopment #alphabets #words #notepads #notepadtricks #advancedprogramming #urdu #hindi #rainbow #image #swatches
Links of my previous videos are as follow:
• Marquee tag HTML |Marquee direction attrib...
• HOW TO BOLD ITALIC AND UNDERLINE TEXT , OR...
• HOW TO INSERT HEADING AND PARAGRAPH IN HTM...
This will help you to understand HTML in detail.
THANKS