Skip to main content

Here's what a VPN can't protect you from (but you need to use it)

By Administrator
The abbreviation " VPN " has slowly become established among average Internet users, which is certainly good, but the problem is that people have started to see VPN as the ultimate solution to all problems.
Post a Comment

[CSS] Shadow Box

By Administrator
[CSS] Shadow Box

One simple code with which you can add a shadow below a field in CSS.

You can change everything in this Code as you see fit.

To get started, open Notepad (I recommend Notepad ++).

Ok, if so, let's start:

First:

 We add <style> </style> where we define the look in between, ie. we insert the CSS Code 

<style>
.box {
    color: #fff; /* text color */
    text-align: center; /* text on the center */
    position:fixed; /* we put box fixed on scroll */
    width:50px;
    height:40px;
    bottom:50%; /* distance from bottom */
	left: 50%; /* distance from left */
	font-size: 20px; /* size of text */
	font-weight: Bold; /* text is bold */
    padding: 30px; /* text padding from all distances */
    background:rgba(0,0,0,0.8); /* background, numbers 1,2,3 are RGB colors, number 4. is opacity */
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75); 
    -moz-box-shadow:    0px 0px 15px rgba(0, 0, 0, 0.75);
    box-shadow:         0px 0px 15px rgba(0, 0, 0, 0.75);
}
</style>

0px 0px 15px rgba(0, 0, 0, 0.75);

  • The first number represents how much the shadow will be moved RIGHT (put minus so that the shadow goes LEFT)
  • The second number represents how much the shadow will be moved DOWN (Put minus so that the shadow goes UP)
  • The third number represents how blurry the shadow will be a number - a larger shadow.

Then:

Below all this we add a <div> tag;

<div class=“box“> test </div>

Now we have "invoked" that CSS Code and we can write some text or add a link. Everything you put between <div> and </div> will be in that field.

And finally, it would look like this:

<style>
.box {
    color: #fff;
    text-align: center;
    position:fixed;
    width:50px;
    height:40px;
    bottom:50%;
	left: 50%;
	font-size: 20px;
	font-weight: Bold;
    padding: 30px;
    background:rgba(0,0,0,0.8);
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    0px 0px 15px rgba(0, 0, 0, 0.75);
    box-shadow:         0px 0px 15px rgba(0, 0, 0, 0.75);
}
</style>
<div class="box"> test </div>
Labels:

Comments

Post a Comment

Popular this month

Samsung puts a camera under the screen - Notch is not needed!

By Administrator
Notch is the biggest flaw of smartphones today - period. For the vast majority of users, this is the main reason why they do not buy a phone, as well as for me. But Samsung has found a solution. True, Notch is only a transitional solution until companies find a way to place all the components on the front under the screen. Users demanded bigger and bigger screens, and smaller and smaller phones, so Notch was the only solution. Although it is present in many smartphones today, it is not generally accepted. Moreover, it is considered a flaw . Of course, the phone manufacturers told the story and tried to convince the users that Notch was ok, and many accepted that, and the others can't wait for that era to pass.
Post a Comment
Read more

What should you check before buying a used phone?

By Administrator
If you buy a used phone from an unknown person, or even from a known person, you must always check the phone for any damage - visible or hidden. But what all needs to be checked? How? That is exactly what I am writing in this article!
Post a Comment
Read more

Count a bunch of items IN SECONDS with this AI app!

By Administrator
If you work often with a large number of stacked items (boards, pipes, boxes…) you probably count them often. When that crowd is bigger, counting can take time. The AI ​​application will come to the rescue, which will do the counting for you in a second!
Post a Comment
Read more

Windows Double Explorer

By Administrator
If you are used to the use of so-called " Two-panel " file managers, primarily Total Commander , and when surfing the net you find that the tabbed interface makes it much easier for you to use the browser, you will like this program. Windows Double Explorer … If it was not clear enough from the name what to expect from this program, a more detailed explanation follows.
Post a Comment
Read more

Stremio - watch all movies and series with subtitles for free!

By Administrator
Stremio is a service that allows you to watch any movie or series completely free with subtitles in HD and FHD resolution on any device, even TV. How is it possible? It is a free program for Windows, Mac, Linux, Android, and iOS that serves as a player to play video content from your computer. That’s all this program does and it’s completely legal.
Post a Comment
Read more