Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
szmigielDESIGN - portfolio
#15
szmigielDESIGN Wrote:This is no secret.

Take a look at main styles.css file starting from the area marked with /* MASONRY */.

I've used object oriented CSS to produce various reusable CSS styles. Starting from .tilesBase class and its :hover pseudo-element through .tiles240 or .tiles360 to produce various sizes and .tilesRed, .tilesGreen etc. to produce different colors very quickly and efficiently.

About shapes - it's simply a matter of CSS3 border-radius parameter. Lower right corner in case of big blocks, and all corners in case of small squares.

Here's some info about border-radius: link

Wow that looks amaizing! Smile Thanks for the "lession" Wink
Reply


Messages In This Thread
szmigielDESIGN - portfolio - by szmigielDESIGN - 2012-01-30, 01:57:51
szmigielDESIGN - portfolio - by yurifanboy - 2012-01-30, 16:00:06
szmigielDESIGN - portfolio - by mvlcek - 2012-01-30, 17:17:36
szmigielDESIGN - portfolio - by szmigielDESIGN - 2012-01-30, 20:35:33
szmigielDESIGN - portfolio - by mvlcek - 2012-01-30, 21:35:09
szmigielDESIGN - portfolio - by szmigielDESIGN - 2012-01-30, 21:46:52
szmigielDESIGN - portfolio - by yojoe - 2012-01-31, 07:57:07
szmigielDESIGN - portfolio - by szmigielDESIGN - 2012-01-31, 08:15:05
szmigielDESIGN - portfolio - by yojoe - 2012-02-01, 10:13:07
szmigielDESIGN - portfolio - by szmigielDESIGN - 2012-02-01, 21:02:27
szmigielDESIGN - portfolio - by widecircle - 2012-03-12, 23:17:31
szmigielDESIGN - portfolio - by szmigielDESIGN - 2012-03-12, 23:32:51
szmigielDESIGN - portfolio - by rigor789 - 2012-03-13, 04:31:21
szmigielDESIGN - portfolio - by szmigielDESIGN - 2012-03-13, 04:53:49
szmigielDESIGN - portfolio - by rigor789 - 2012-03-14, 01:10:58
szmigielDESIGN - portfolio - by szmigielDESIGN - 2012-03-14, 01:12:34



Users browsing this thread: 1 Guest(s)