The animation-play-state property example

<!DOCTYPE html> <html> <head> <style type="tex...

The example with filter property and blur(), brightness() and contrast() effects

<!DOCTYPE html> <html> <head> <style type="tex...

The example with filter property and drop-shadow(), grayscale() and hue-rotate() effects

<!DOCTYPE html> <html> <head> <style type="tex...

The example with filter property and invert() and opacity()

<!DOCTYPE html> <html> <head> <style type="tex...

The example with filter property and saturate() and sepia() effects

<!DOCTYPE html> <html> <head> <style type="tex...

The example with image-orientation property and angle / flip values

<!DOCTYPE html> <html> <head> <style type="tex...

The example with image-rendering property

<!DOCTYPE html> <html> <head> <style type="tex...

The example with image-resolution property and resolution snap value

<!DOCTYPE html> <html> <head> <style type="tex...

The example with object-fit property and fill value

<!DOCTYPE html> <html> <head> <style type="tex...

The example with object-fit property and contain value

<!DOCTYPE html> <html> <head> <style type="tex...