Complex CSS On My Portfolio

by | Nov 21, 2018 | Web Design | 0 comments

Home » Web Design » Complex CSS On My Portfolio

I have had a bit of a go at editing a few CSS Variables. The result is the effect that you can see in the background of this post – see how it changes colour? I have implemented the CS as a Variable and deployed it across the site using CSS IDs. Couple this with the new font of last night and I now have a bang tidy website.

Here is the CSS –

{background: linear-gradient(270deg, #dd3333, #fd651a, #c00ea2, #ffc301, #5cb42a);
background-size: 400% 400%;

-webkit-animation: animimimation 15s ease infinite;
-moz-animation: animimimation 15s ease infinite;
animation: animimimation 15s ease infinite;
	}
@-webkit-keyframes animimimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes animimimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes animimimation { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

I appreciate it is not my strong point – the big, bold colours. But, I thought I would leave some low dangling fruit to tempt people, to show off what I can do. It took a lot of graft. But, I like making good stuff and I like to make good stuff.

My strong point is still muted design – elegant. But, that is slowly going out of fashion and I need to move with the times.

Get in touch,

If you have a project in mind,
I would love to hear from you.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Pin It on Pinterest