Flat Logo by Henrik Dahlheim

Developer
Rosh Jutherford
Size
2,580 Kb
Views
28,336
  1. Flat Logo by Henrik Dahlheim Previews
  2. Flat Logo by Henrik Dahlheim HTML Codes
  3. Flat Logo by Henrik Dahlheim CSS Codes

How do I make an flat logo by henrik dahlheim?

Got bored with what I was supposed to be working on :). What is a flat logo by henrik dahlheim? How do you make a flat logo by henrik dahlheim? This script and codes were developed by Rosh Jutherford on 04 September 2022, Sunday.

Flat Logo by Henrik Dahlheim Previews
IQ Test

Flat Logo by Henrik Dahlheim - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Flat Logo by Henrik Dahlheim</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ html, body { width: 100%; height: 100%;
}
html { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F15E3F), to(#EE2C38));
}
.logo { position: relative; transform: rotate(-45deg); left: -19.25px;
}
.logo, .logo:after { width: 38.5px; height: 38.5px; background: transparent; margin: 100px auto; box-shadow: 0 0 0 19.25px rgba(255,255,255,1), 0 0 5px 20px rgba(0,0,0,0.2);
}
.logo:before, .logo:after { content: ''; position: absolute;
}
.logo:after { left: 28px; top: -72px; z-index: -1;
}
.logo:before { width: 25px; height: 19.25px; background: #ffffff; left: 35px; top: 9px; box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.2);
}
p { width: 100%; text-align: center; color: #ffffff; font-family: "Helvetica Neue", sans-serif; font-weight: 100; font-size: 16px; letter-spacing: 2px; transition: transform 0.25s ease; backface-visibility: hidden;
}
p:hover { transform: translateY(-2px);
}
a { text-decoration: none;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div class="logo"></div>
<a href="http://dribbble.com/shots/1246458-Flat-Logo"><p>As seen on Dribbble</p></a> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Flat Logo by Henrik Dahlheim - Script Codes CSS Codes

html, body { width: 100%; height: 100%;
}
html { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F15E3F), to(#EE2C38));
}
.logo { position: relative; transform: rotate(-45deg); left: -19.25px;
}
.logo, .logo:after { width: 38.5px; height: 38.5px; background: transparent; margin: 100px auto; box-shadow: 0 0 0 19.25px rgba(255,255,255,1), 0 0 5px 20px rgba(0,0,0,0.2);
}
.logo:before, .logo:after { content: ''; position: absolute;
}
.logo:after { left: 28px; top: -72px; z-index: -1;
}
.logo:before { width: 25px; height: 19.25px; background: #ffffff; left: 35px; top: 9px; box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.2);
}
p { width: 100%; text-align: center; color: #ffffff; font-family: "Helvetica Neue", sans-serif; font-weight: 100; font-size: 16px; letter-spacing: 2px; transition: transform 0.25s ease; backface-visibility: hidden;
}
p:hover { transform: translateY(-2px);
}
a { text-decoration: none;
}
Flat Logo by Henrik Dahlheim - Script Codes
Flat Logo by Henrik Dahlheim - Script Codes
Home Page Home
Developer Rosh Jutherford
Username the_ruther4d
Uploaded September 04, 2022
Rating 4
Size 2,580 Kb
Views 28,336
Do you need developer help for Flat Logo by Henrik Dahlheim?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Rosh Jutherford (the_ruther4d) Script Codes
Name
Flat Range Sliders
IOS7 Icon
Share toggles
Apple iPhone 5s style scrolling
Lazy Load for Background Images
Kinetic Mark by Philip Thepkaysone
Beautiful Login Form
Pre-loader 1 by Chris Hall
Download Button
Icons
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!