search

crazko / romanvesely.com

:man: personal site
https://romanvesely.com
1 stars 2 forks source link

Put perex into colored background #47

Closed crazko closed 5 years ago

crazko commented 6 years ago

Some design variations

screenshot at 2018-07-31 21-59-20 screenshot at 2018-07-31 22-02-03 screenshot at 2018-07-31 22-04-02

crazko commented 6 years ago

just for fun but actually not that bad...

screenshot at 2018-07-31 22-23-20

.post__meta {
    font-size: .5rem;
    text-transform: uppercase;
    color: #4b4b4b;
    padding: 2em;
    list-style: none;
    line-height: 1.5em;
    float: left;
    margin-right: 2em;
    margin-top: -20px;
    background: linear-gradient(to top right, #fdf6e3 70%, #bfb8a1);
    z-index: 100;
    margin-left: -73px;
    position: relative;
    box-shadow: 8px -6px 13px 0px #e2dccd8f;
    font-family: monospace;
    transform: rotate(-3deg);
crazko commented 6 years ago

found nice article https://uxplanet.org/common-webpage-design-mistakes-59eed9831bd7