CSS image overlay

Question

CSS image overlay

Navigation

#1 by (0 votes)
#2 by (0 votes)

0

I have 2 images, one is a circle and the other is a 360 number image, I need to put this 360 number image inside the image which is a circle, what is the most correct way to do it? the way you are thinking you are ugly and you have to stay in line with the text on the left

.banner {
  background:orange ;
}

.wrap_description {
  display: flex;
}

.flex_box_description {
  width: 50.0%;
  margin: 10%;
}

.flex_box_text {
  color: #d9dadb;
  font-family: 'Source Sans Pro', sans-serif;
  text-align: right;
  line-height: 30px;
}

<div class="banner">
  <div class="wrap_description">
    <div class="flex_box_description">
      <div class="flex_box_text">
        Você está procurando alguma coisa para fazer em Curitiba? Quer você viva na área, tenha se mudado há pouco tempo ou esteja só de passagem, temos várias dicas e eventos imperdíveis. Você pode procurar por local, popularidade, eventos selecionados, eventos
        gratuitos... a escolha é sua. Pronto?</div>
    </div>
    <div class="flex_box_description">
      <img style="position:absolute; margin-left:1px; top:0px; z-index: 1;" src="http://4.bp.blogspot.com/_lveQq-e41T0/TChewY5E2xI/AAAAAAAAALM/LXlQxG3KwjI/s400/circulo.gif"alt="360" />
      <img style="position:absolute; right:10px; top:70px; z-index: 2;" src="data:image/jpeg;base64,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" alt="360" />
    </div>
  </div>
</div>

html css

asked by anonymous 17.10.2017 / 03:38

2 answers

0

I need to put this 360 number image inside the image which is a circle, what is the most correct way to do this?

Well, looking at the code you made available I see that the idea is literally to put the 360 ° in the middle of a circle. So I made a small change to your code that can sometimes serve you in a simpler way.

1 °) I deleted the image that represented the circle since in the next steps we will not need it anymore.

2 °) The 360 ° image has been added three properties ( padding , border , border-radius ).

Padding : Used to create space around the element. Here I am using padding of 60px to create a good space.
Border : Here it is being used to delimit the space of 60px created by padding
Border-radius : And this is where we achieve the desired effect, this property has "double" the corners and transform the edge of the element into a circle, creating the same effect as the image that was deleted.

3 °) Note that the end result is cutting a part of the ° corrected if you save this image with slightly larger dimensions.

4 °) In this way the 360º image will always be centralized within a circle independent of other factors. It can adapt to various sizes and so on.

.size-um{
  border: 2px solid;
  padding: 60px;
  border-radius: 50%;
}

.size-dois{
  width: 50px;
  border: 2px solid;
  padding: 60px;
  border-radius: 50%;
}

.size-tres{
  width: 50px;
  border: 2px solid;
  padding: 20px;
  border-radius: 50%;
}

<img class='size-um' src="data:image/jpeg;base64,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" alt="360" />

<img class='size-dois' src="data:image/jpeg;base64,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" alt="360" />

<h5 style='font-family: arial;'>
   Quando diminuímos o tamanho da imagem, o circulo em volta pode ficar desproporcional, parar corrigirmos isso basta alterarmos o padding.
</h5>

<img class='size-tres' src="data:image/jpeg;base64,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" alt="360" />

17.10.2017 / 13:27

Socket Error in get https request JSF - Interrupt method when closing browser

score 0 · Accepted Answer

"Correct form" is very relative. I would suggest the code below, using display , position relative and transform to make everything aligned.

In% with% of where you have both images, you can put the first (of the circle) normally, without div , and the second with position absolute centered with position absolute , so one will stay on the other:

.banner {
  background:orange ;
}

.wrap_description {
  display: flex;
}

.flex_box_description {
  width: 50%;
  text-align: center;
  display: inline-block;
  float: right;
  position: relative;
}

.flex_box_text {
  color: #d9dadb;
  font-family: 'Source Sans Pro', sans-serif;
  text-align: right;
  line-height: 30px;
  -webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;
  position: relative;
  width: 60%;
  float: right;
}

<div class="banner">
	<div class="wrap_description">
		<div class="flex_box_description">
			<div class="flex_box_text">
				Você está procurando alguma coisa para fazer em Curitiba? Quer você viva na área, tenha se mudado há pouco tempo ou esteja só de passagem, temos várias dicas e eventos imperdíveis. Você pode procurar por local, popularidade, eventos selecionados, eventos gratuitos... a escolha é sua. Pronto?
			</div>
		</div>
		<div class="flex_box_description">
			<img style="margin-left:1px;" src="http://4.bp.blogspot.com/_lveQq-e41T0/TChewY5E2xI/AAAAAAAAALM/LXlQxG3KwjI/s400/circulo.gif"alt="360" />
			<img style="position:absolute; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%; max-width: 150px; width: 100%; height: 100%; max-height: 150px;" src="data:image/jpeg;base64,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" alt="360" />
		</div>
	</div>
</div>