How to Turn an Entire Website Grayscale and the CSS Code to Implement It
This article explains how to use the CSS grayscale filter to make the whole website grayscale, and provides code compatible with mainstream browsers and legacy IE.
# CSS
9 posts
-
-
Random Website Background
An introduction to an API that randomly changes a website's background image, along with four methods for integrating it using CSS and HTML.
-
Typecho Copy Popup Notice
How to add the layer popup plugin to a Typecho blog to show a copyright reminder when content is copied.
-
Panda Grudge Meme Online Generator Code
Create a panda grudge meme online with Canvas, including the complete HTML, CSS and JavaScript code and a breakdown of how it works.
-
Markdown Editor Syntax
An introduction to common Markdown syntax, including headings, lists, quotes, bold and italics, links and images, as well as how to write font colors.
-
[Stylish] A Browser Extension That Makes Websites Cute
An introduction to how to install the Stylish browser extension and how to apply custom CSS styles to websites through userstyles.
-
Adding a Few Visual Effects
Notes on how to add CSS effects to the blog homepage, such as rounded-corner layout, zooming images on hover, and rotating the avatar.
-
Customizing the Website Mouse Cursor
An introduction to customizing the website mouse cursor with the CSS cursor property, covering the usage of default, pointer, and custom .cur cursor files.
-
Add an April Fools' Day Easter Egg to Your Blog
A guide to using CSS to flip the page and a JavaScript timer to add an April Fools' Day Easter egg popup to your blog.