Blur

HTML

<img src='donald-duck.png' alt='Donald Duck' title='Donald Duck' />

CSS

img {
    -webkit-filter: blur(1px);
    filter: blur(1px);
}

Result

Makes you wanna rub your glasses.

Found a mistake? Have a question or improvement idea? Let me know.

Filter property:

* Filter Property

* Blur

* Drop Shadow use box-shadow instead if possible

* Hue Rotate

* Multiple Filter Values

* Invert Color

Table Of Contents

0 Getting started

1 Backgrounds

2 Centering

3 Margins

4 Media queries

5 Floats

6 Typography

7 Flexbox

8 Cascading and specificity

9 Animations

10 Selectors

11 Colors

12 Box mode

13 Transiti

14 Length units

15 Pseudo-elements

16 Positioning

17 2D transforms

18 Tables

19 Browser support prefixes

20 Normalizing browser styles

21 Padding

22 Layout control

23 Filter property

24 Comments

25 Cursor styling

26 Box shadow

27 Custom properties, variables

28 Shapes for floats

29 Grid

30 Border

31 Functions

32 3D Transforms

33 Counters

34 Single element shapes

35 Opacity

36 Performance

37 Columns

38 Inline-block layout

39 Inheritance

40 CSS Image Sprites

41 Clipping and masking

42 List styles

43 Outlines

44 Structure and formatting of a css rule

45 Fragmentation

46 Overflow

47 CSS Object Model (CSSOM)

48 Feature queries

49 Stacking context

50 Internet Explorer hacks

51 Block formatting context

52 Vertical centering

53 Object Fit and Placement

54 Multiple columns

55 CSS design patterns

56 Contributors