CSS - Revision history

WikiSysop: /* Blur-up Lazyloader */

2021-02-08T07:53:40Z

‎Blur-up Lazyloader

2021-02-08T07:51:54Z

‎Blur-up Lazyloader

2021-02-08T07:47:19Z

2016-01-14T23:05:21Z

2015-03-18T16:24:04Z

2013-11-07T14:19:53Z

2013-04-06T09:11:42Z

‎hover vs focus

2011-07-16T09:34:49Z

2009-12-13T10:23:55Z

‎Conditional CSS

2009-08-04T10:05:04Z

‎Conditional CSS

← Older revision		Revision as of 07:53, 8 February 2021
Line 209:		Line 209:

	== Blur-up Lazyloader ==		== Blur-up Lazyloader ==
		+
		+	I was randomly googling things when i encountered an interesting loading which appeared to show images as broken down shapes before it loaded.
		+
		+	I saw it had the lines blue-up lazyloader
		+
		+	Too much work for most sites but interesting technique to read up on

	https://css-tricks.com/the-blur-up-technique-for-loading-background-images/		https://css-tricks.com/the-blur-up-technique-for-loading-background-images/

← Older revision		Revision as of 07:51, 8 February 2021
Line 211:		Line 211:

	https://css-tricks.com/the-blur-up-technique-for-loading-background-images/		https://css-tricks.com/the-blur-up-technique-for-loading-background-images/
		+
		+	[[File:lazyloadersvg.png]]

	[[File:lazyloader.png]]		[[File:lazyloader.png]]

← Older revision		Revision as of 07:47, 8 February 2021
Line 207:		Line 207:

	http://stackoverflow.com/questions/6803016/css-100-font-size-100-of-what		http://stackoverflow.com/questions/6803016/css-100-font-size-100-of-what
		+
		+	== Blur-up Lazyloader ==
		+
		+	https://css-tricks.com/the-blur-up-technique-for-loading-background-images/
		+
		+	[[File:lazyloader.png]]

	== See Also ==		== See Also ==

← Older revision		Revision as of 23:05, 14 January 2016
Line 2:		Line 2:

	[[image:class&id.gif]]		[[image:class&id.gif]]
		+
		+	[[image:margin_css.png]]

	# link your css externally:<br><code><link rel="stylesheet" TYPE="text/css" href="file.css"></code>		# link your css externally:<br><code><link rel="stylesheet" TYPE="text/css" href="file.css"></code>

@@ Line 196: / Line 196: @@
 	a:hover img { background-color: transparent; }
 </pre>
 == See Also ==

@@ Line 201: / Line 201: @@
 * [[HTML]]
 *[http://giveupandusetables.com/ give up and use tables]
 [[Category:Programming]]

@@ Line 187: / Line 187: @@
 == hover vs focus ==
-:focus is for the dotted line in firefox/caret browsingness
+focus is for the dotted line in firefox/caret browsingness
-format it like the hover if the dotted thingy bothers you
+== if text hover affects image hover and you dont want that to happen ==
 == See Also ==

← Older revision		Revision as of 09:34, 16 July 2011
Line 195:		Line 195:
	* [[HTML]]		* [[HTML]]
	*[http://giveupandusetables.com/ give up and use tables]		*[http://giveupandusetables.com/ give up and use tables]
		+
		+	[[Category:Programming]]

← Older revision		Revision as of 10:23, 13 December 2009
Line 184:		Line 184:

	see also: http://www.positioniseverything.net/articles/ie7-dehacker.html		see also: http://www.positioniseverything.net/articles/ie7-dehacker.html
		+
		+	== hover vs focus ==
		+
		+	:focus is for the dotted line in firefox/caret browsingness
		+
		+	format it like the hover if the dotted thingy bothers you

	== See Also ==		== See Also ==

@@ Line 180: / Line 180: @@
 <![endif]-->
 </pre>
 == See Also ==