DECOTEXS: Textos con sombras

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm..

2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm..

3. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm..

4. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm..

5. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm..

6. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm..

7. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm..

8. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm..

9. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm..

10. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm..

    <p class="shadow1" > 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm.. </p>
  
  <style>
.shadow1 {
    color: #DA1B62;
    font-family: 'Leckerli One',cursive;
    font-size: 95px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 4px 4px 0 rgba(255, 255, 255, 0.8), 10px 10px 0 rgba(187, 187, 187, 0.5);
    background: #fff;
    border: 5px solid #DDD;
    padding-top: 30px;
    height: 90px;
    text-align: center;
}
#shadow2 {
    color: #FE6602;
    font-family: 'Aclonica',serif;
    font-size: 95px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #000000, 0 2px 0 #888888, 0 3px 0 #777777, 0 4px 0 #FFFFFF, 0 5px 0 #555555, 0 6px 0 #444444, 0 7px 0 #333333, 0 8px 7px #001135;
    letter-spacing: 1px;
    background: #EEE;
    padding-top: 20px;
    margin-top: -30px;
    height: 90px;
    text-align: center;
}
#shadow3 {
    color: white;
    font-size: 105px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0.1em 0.1em 0.2em black;
    border: 5px solid #D3D3D3;
    padding-top: 30px;
    margin-top: -30px;
    height: 90px;
    text-align: center;  
}
#shadow4 {
    color: #44CCF6;
    font-size: 105px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    border: 1px solid black;
    padding-top: 30px;
    margin-top: -30px;
    background: #44CCF6;
    height: 90px;
    text-align: center;
}
#shadow5 {
    color: rgba(0, 174, 239, 0.2);
    font-size: 95px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 5px 2px rgba(0, 0, 30, 0.08);
    padding-top: 30px;
    margin-top: -30px;
    background:#FAE051;
    height: 90px;
    text-align: center;
}
#shadow6 { 
    color: #FFFFFF;
    font-size: 105px;
    font-weight: bold;
    font-family: "League-Gothic",Courier;
    text-transform: uppercase;
    text-shadow: 0 0 20px #FEFCC9, 10px -10px 30px #FEEC85, -20px -20px 40px #FFAE34, 20px -40px 50px #EC760C, -20px -10px 60px #CD4606, 0 -10px 70px #973716, 10px -20px 80px #451B0E;
    padding-top: 35px;
    margin-top: -30px;
    height: 90px;
    background:#000;
    text-align: center;   
}
#shadow7 {
    color: #006666;
    font-size: 105px;
    font-weight: bold;
     text-transform: uppercase;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5);
    padding-top: 35px;
    margin-top: -30px;
    height: 90px;
    background: none repeat scroll 0 0 #006666;
    text-align: center;
}
#shadow8 {
 color: #fff;
 font-size: 105px;
 font-weight: bold;
 text-transform: uppercase;
 text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
    height: 90px;
    text-align: center;
    padding-top: 30px;
    margin-top: -30px;
    background:#8B0E0F;
    text-align: center;
}
#shadow9 {
    color: #F9BAD4;
    font-size: 105px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 2px 0 #F48CB7, 0 4px 0 #FBDAE8, 0 6px 0 #F48CB7, 0 8px 0 #F48CB7, 3px 8px 15px #FBDAE8, 3px 8px 5px #F48CB7;
    height: 90px;
    margin-top: -30px;
    padding-top: 30px;
    background: none repeat scroll 0 0 #F48CB7;
    text-align: center;
}
#shadow10 {
    color: #C10230;
    font-size: 100px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 10px 21px 11px #000000;
    height: 105px;
    background: #393939;
    margin-top: -20px;
    padding-top: 30px;
    text-align: center;
}</style>

2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm..

viernes, 13 de mayo de 2022

Textos con sombras