Unverified

Name

ROTHKO PAINTING - STYLES.CSS

About

ROTHKO PAINTING STYLES.CSS CODE.

Language

CSS

Rating

Voted: 0 by 0 user(s)

How to Setup Snippet

.canvas { width: 500px; height: 600px; background-color: #4d0f00; overflow: hidden; filter: blur(2px); } .frame { border: 50px solid black; width: 500px; padding: 50px; margin: 20px auto; } .one { width: 425px; height: 150px; background-color: #efb762; margin: 20px auto; box-shadow: 0 0 3px 3px #efb762; border-radius: 9px; transform: rotate(-0.6deg); } .two { width: 475px; height: 200px; background-color: #8f0401; margin: 0 auto 20px; box-shadow: 0 0 3px 3px #8f0401; border-radius: 8px 10px; transform: rotate(0.4deg); } .one, .two { filter: blur(1px); } .three { width: 91%; height: 28%; background-color: #b20403; margin: auto; filter: blur(2px); box-shadow: 0 0 5px 5px #b20403; border-radius: 30px 25px 60px 12px; }

Codevault

cjabarcodevault

Scroll down to see more snippets from this codevault.

Wordpress Compatability

The author has indicated that this snippet is compatable up to wordpress version: 6.4

Code Snippet Plugin Sync

Free & Pro

Download this snippet by clicking the download button, then head over to the Code Snippet Plugin settings in your wordpress admin dashboard, select the import menu then upload this file to import into your wordpress site.

Pro Only (Coming Soon)

You will be able to click a button and sync this snippet to your wordpress site automatically and from your dashboard manage all code snippets across all your wordpress sites that have the Code Snippets Pro plugin installed.

History

Last modified:

05/04/2024

Important Note

This snippet has the following status:

Unverified

This snippet has not been verified, use with caution and at your own risk. See details provided by author in sidebar and click below to find out more.

Learn More

ROTHKO PAINTING - STYLES.CSS

 
                    
 1height: 600px;
 2  background-color: #4d0f00;
 3  overflow: hidden;
 4  filter: blur(2px);
 5}
 6 
 7.frame {
 8  border: 50px solid black;
 9  width: 500px;
10  padding: 50px;
11  margin: 20px auto;
12}
13 
14.one {
15  width: 425px;
16  height: 150px;
17  background-color: #efb762;
18  margin: 20px auto;
19  box-shadow: 0 0 3px 3px #efb762;
20  border-radius: 9px;
21  transform: rotate(-0.6deg);
22}
23 
24.two {
25  width: 475px;
26  height: 200px;
27  background-color: #8f0401;
28  margin: 0 auto 20px;
29  box-shadow: 0 0 3px 3px #8f0401;
30  border-radius: 8px 10px;
31  transform: rotate(0.4deg);
32}
33 
34.one, .two {
35  filter: blur(1px);
36}
37 
38.three {
39  width: 91%;
40  height: 28%;
41  background-color: #b20403;
42  margin: auto;
43  filter: blur(2px);
44  box-shadow: 0 0 5px 5px #b20403;
45  border-radius: 30px 25px 60px 12px;
46}

0

Related Snippets

Please see some snippets below related to this snippet..

Styling

AI Verified

0

Add your own CSS to the WooCommerce emails

Added: 2 years ago

Last Updated: 1 year ago

The default WooCommerce emails may look a bit dull. You can add your own styles via the following WooCommerce snippet:

View

Styling

Unverified

0

Ultimate Member

Added: 5 months ago

Last Updated: 5 months ago

View

Styling

Unverified

0

Fix Display Order on Mobile

Added: 8 months ago

Last Updated: 8 months ago

[Needs CSS Class] Allow you to set the display order of modules on mobile.

View

Other Snippets in this Codevault

These are some popular snippets from this users codevault..

Styling

Unverified

0

ROTHKO PAINTING - STYLES.CSS

Added: 5 months ago

Last Updated: 5 months ago

ROTHKO PAINTING STYLES.CSS CODE.

View

General

Unverified

0

CSS FLEXBOX HTML - PHOTO GALLERY

Added: 5 months ago

Last Updated: 5 months ago

HTML CODE FLEXBOX PHOTO GALLERY

View