Questions tagged as 'css3'

1
answer

1 item on the left and two items on the right good bootstrap

I'm trying to leave 1 item aligned on the left and 2 items aligned on the right with Bootstrap 4 , I tried to use flexbox but since there are 3 items I get one in the middle and one on each end, I tried to make the 2 items on the ri...
asked by 24.12.2018 / 12:09
1
answer

Sprite in SVG for Internet explorer

I read an article that explained how to put multiple SVG images into a single file. The final file looks like this: <?xml version="1.0" encoding="UTF-8"?> <svg version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">...
asked by 09.07.2018 / 20:28
2
answers

Center text in header [duplicate]

Hello everyone. I created a header with 100% of screen size (regardless of screen size) like this: header { background-image: url('img/background.jpg'); height: 100vh; width: 100%; } <header> <div class="texto-head...
asked by 23.05.2018 / 22:00
1
answer

Obfuscate part of the background-image, leaving other parts clear

I'm trying to play this Dribble "example", though I'm not achieving. My current progress is this (using SCSS), however as it turns out I duplicated the background to achieve this effect, so that the images are aligned exactly one on top of...
asked by 04.06.2018 / 21:02
1
answer

Information goes beyond the place of display

I have 2 rectangles on the screen that serve to display data within them. But when you have a lot of information the data goes beyond its size. I want to make sure that the data does not go over it, and by hovering over the information the in...
asked by 19.09.2018 / 14:30
1
answer

How to center rotated text in a div?

Hello beloved community! I'm rotating a p inside a div, but I can not centralize it, I'm having a hard time in css, I've tried setting a width: and height: for p, I left it as a self but it does not work. p.vertical {...
asked by 02.02.2018 / 18:10
1
answer

Problem with background-image accessing google chrome browser on mobile

I'm having trouble with my background image on my page but just by accessing the mobile from Chrome or the default mobile browser, Mozilla Firefox from the mobile works perfectly. body{ background-image: url('/assets/img/background.jpg');...
asked by 09.04.2018 / 19:50
1
answer

How not to let an animation in CSS stop even after the mouse leaves the element

I have div that has an animation in :hover , but if the user takes the mouse from above div before the animation finishes it cuts in half and does not finish. I tried to do a spot light effect that crosses the image from l...
asked by 28.02.2018 / 19:57
1
answer

how can I fix this menu at the top ,?

I have a site with a menu that is below my header , 150px below the top of the screen. I would like to make when I rolled the page and the menu of the site reached the position 0 of the top it was fixed and rolled the rest of t...
asked by 15.03.2018 / 12:43
1
answer

Change CSS with Javascript to required field

I joined W3 Schools and got a sample code for a multi step form. In the "default" mode it did not go to the next step until all the fields are filled. It turns out that I need only some fields not to be null, others may be empty. I looked at...
asked by 21.01.2018 / 20:50