Example of flex-direction property with row and column values

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

Example of flex-flow property with flex direction and flex wrap

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

Example of flex-wrap property with nowrap and wrap values

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

Example of flex-grow property

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

Example of flex-shrink property

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

CSS3 image transparency and hover effect example

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

Example of how to set a basic gradient for div element

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

Example of top-to-bottom linear gradient

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

Example of left-to-right linear gradient

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

Example of diagonal linear gradient

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