December 18, 2018
HomeGeneralWebsite Resources

Website Resources

By  General  0 Comments

A pure CSS library to beautify checkbox and radio buttons – Pretty checkbox 

Great Resources on Code snippets for HTML, CSS and JavaScript. – https://www.w3schools.com/howto/default.asp

Gradient Animator – https://www.gradient-animator.com/

Typeahed – https://twitter.github.io/typeahead.js/

http://highslide.com/ – Highslide JS is an image, media and gallery viewer written in JavaScript. Good if you have a lot of images and you want users to click on the image and it will popup with an animation. You can again click on the image so it will close. It has a number of options to choose from.
[Used in this website – http://www.egramerkagoj.com/2019/01/09/index.php]

How to check if a website is safe to browse?

https://transparencyreport.google.com/safe-browsing/search

Radial Background

<html>
<head>
<style>
body {
color: #fff;
font: 14px/20px XfinityStandard,sans-serif!important;
padding: 0;
background: #071725;
background: radial-gradient(500px at 50% 360px,#155779 0,#071725 100%) no-repeat;
}
</style>
</head>
<body>
</body>
</html>

Red color button on hover effect | bootstrap

<input type=”submit” class=”btn btn-danger” value=”Save changes” style=””>

.btn.btn-danger, .btn:link.btn-danger {
background-color: #f0473d;
border-color: #f0473d;
}

.btn, .btn:link {
//border-radius: 0;
//color: #fff;
line-height: 37px;
padding: 0 20px;
font-size: 15px;
text-overflow: ellipsis;
//outline: hidden;
}

.btn:link.active, .btn:link:active {
box-shadow: inset 0 1px 4px 0 rgba(0,0,0,.5);
}

.btn:hover, .btn:link:hover {
box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
}

Gradient

This is a heading in a div element

This is some text in a div element.

background-image: linear-gradient(255deg,#4940ff,#35b2e6);

 

Post Views: 1,857
Tags:, , , ,

Related Posts

About Author

FastBikri Team