Most voted "css3" questions
The term CSS3 is used to refer to CSS properties and selectors added after level 2.1 of the specification. Use this tag for questions about new CSS modules.
Learn more…1,944 questions
Sort by count of
-
2
votes4
answers191
viewsDoubt with CSS selector
People are doing a grid that displays from 1 to n images and in each row it shows 2 columns. The HTML structure is this: <div id="container"> <h2 class="linhasFotos"> <a title="nome…
-
2
votes2
answers361
viewsCentering #Menu #Nav on the circular shapes page?
This is the HTML of this section: home #home.scroll br br .container .row a.scroll href="#oquee" .cir O que é a.scroll href="#local" .cir Local a.scroll href="#convidado" .cir Convidado a.scroll…
-
2
votes1
answer2228
viewsHow to organize the HTML body on the screen with CSS
I made a header and a retractable side menu, but I can not now organize the body of the site next to the menu, it is always down and if I give float left and right it is occupying 10% of the screen…
-
2
votes2
answers693
viewsCSS content property generating an image
I was taking a look at a class from a Wordpress template and saw that it created an image of a facebook logo using CSS content with a string of characters. The section that generates the image is as…
-
2
votes3
answers11918
viewsEnlarge an image by clicking it (HTML5 and CSS3)?
I have a problem, in smartphone css3’s Hover is not recognized (or better, it takes about 5 seconds to be recognized), and I wanted to make an interactivity with the photos of my app, as I can not…
-
2
votes2
answers2982
viewsEffect of Parallax when mouse over
I’d like to know how I do that effect that has on that website or in that other. When I move the mouse over the image it moves. An important detail is that no matter where I pass the mouse, the…
-
2
votes3
answers178
viewsEffect of filling in a line
I need to do an effect like this on this site http://www.gt3themes.com/website-templates/timber/ well where this marked would like to know how does this effect and if you have any plugin for it…
-
2
votes1
answer557
viewsHow to change mouse cursor
I want to change my mouse cursor I put my code and it does not work on png images and does not catch I have to use it with . cur even if yes how do I do it because in photoshop for example does not…
-
2
votes1
answer755
viewsSection overwrite my header
I want to put my content just below the tag header but when I create my Action the content overlaps my header and I don’t know if it’s a good practice to take my Ction and apply a margin top follows…
-
2
votes1
answer1511
viewsResponsive menu does not close when selecting element
I made a responsive menu on a one page website. The scrolling part of the page is working normally, but the menu only closes if the user clicks again on the menu icon. I need the menu to close when…
-
2
votes3
answers2251
viewsDifficulty adjusting menu and footer in responsive layout
The code below relates to menu and footer, whose I’m having trouble adjusting to responsive layout: /*Código por Domingos Pereira, GPSI12 */ /*Dísciplina de Redes */ /* Professor: João Delgado */ /*…
-
2
votes1
answer560
viewsCode for handling video components
I have a problem in my code that manipulates my video with mute and the volume however is not working follows my code: <!doctype html> <html lang="en"> <head> <meta…
-
2
votes2
answers480
viewsHow to keep the element in the final position of the animation?
I am using this code to make an effect and keep the element in the final position of the animation, ie to the right. HTML: <div id="anim"> </div> CSS code: #anim{ position: relative;…
-
2
votes1
answer739
viewsVideo does not get 100% height and width correctly
I have a problem in my tag 'cause I wanted to leave her with a width:100% and the height:100%; but without losing my video quality it would have to look like that website here opened some topics…
-
2
votes2
answers794
viewsCSS: Character inside a round element
I need to create an element (span, possibly) that will contain a character (initial letter of name) and that element needs to have rounded corners. I managed to do it in a precarious way, because…
-
2
votes3
answers131
viewsWhy doesn’t the footer stay hidden and mess up the page
I need the footer to stay hidden and appear as I scroll the page, but something is going wrong I don’t know why. In that link is the example of how it should work. Follows my code: a {…
-
2
votes2
answers903
viewssite does not work in mobile version
I made a site that in turn should be responsive it will have to work on portable devices but I used a feature called Animate.css of this file I used the following effects :…
-
2
votes2
answers1751
viewsHow to center a slide?
I’m using that slide before and after. The point is: I need to center this slide and make it responsive, because when I play the code it’s leaning on the left corner. I tried to give a margin-left,…
-
2
votes1
answer90
viewsBootstrap menu, include logo
Guys, I’m using this menu: http://getbootstrap.com/examples/navbar-fixed-top/ Exactly the one of the link, I copied directly from there, the question is, where is written "Project Name", I have to…
-
2
votes1
answer1065
viewsGet the div from within to "overlap" the father
I have this following structure: .containerNome{ width: 97px; height: 23px; border: 1px rgb(0, 0, 0) solid; background: rgb(0, 0, 255); border-top-left-radius: 10px; border-top-right-radius: 10px;…
-
2
votes1
answer84
viewsMake class combinator open page in separate tab
I have a code in which he creates me a page as if it were a theme, picking randomly the css classes, but what he does is create the "theme" within the page that this button, and would like it opened…
-
2
votes1
answer973
viewsSubscribe button from youtube
I’m making a page listing youtube videos and I would like to make a button for the user to subscribe to the channel, but in the examples I found on the internet they come a lot of information beyond…
-
2
votes1
answer977
viewsHow to "crop/slice" the image layout with HTML and CSS?
I have doubts about how to build the layout below with HTML/CSS: I haven’t implemented anything yet, because I have no idea how to do. Any suggestions? Thank you!…
-
2
votes0
answers60
viewsHow to animate Transform-Scale and then animate Transform-translateX using Transition?
I would like to animate the Scale and then animate the translateX using Transition, is that possible? or I must use Animation and keyframe? I’d like to do something like this: .anima{ transition:…
-
2
votes1
answer3469
viewsFixed background in HTML5 CSS3
I put a background x on my site, with the css code: body { background-image: url("../imagens/back.jpg"); background-color: rgba(64, 118, 182, 1); background-repeat: no-repeat; background-size: auto;…
-
2
votes2
answers1832
viewsHow to make an image responsive without using frameworks?
I have the following doubt: I have the following image in a PSD file. I’m using Bootstrap to develop the system, but I needed this image to be made with CSS and be responsive. Any suggestions ?…
-
2
votes1
answer58
viewsCss3 is not working on Cordova
I’m trying to use media queries in my application developed with Cordova, however it is not working, the code is as follows: #backgroundIndex{ @media screen and(max-width: 1200px){ background: red;…
-
2
votes2
answers1616
viewsHow to customize scrollbar in div?
I have a menu that uses offcanvas from Bootstrap but wanted to style his scrollbar in the style of Facebook chat.
-
2
votes2
answers2406
viewsTransparent gradient superimposing <div> without losing the "click"
How can I do the image effect below by adding the gradient effect to the footer of <div> without this being done by images using position Absolute? I would also like to maintain the gradient…
-
2
votes1
answer101
viewsHow can I develop this layout?
I’m making a website as illustrated below, only I’m having a problem making the div central. I don’t know how to do that part where the nav and section. Code: html, body { position: relative; width:…
-
2
votes0
answers52
viewsTrapezoid with CSS or JS
Hi, I need to make a trapeze, like this: Be done with CSS or JS. But it can’t be done with Borders, so it doesn’t work well if I need to put some text inside, I can’t use any Absolute position or…
-
2
votes1
answer53
viewsImage does not catch characteristic of the div in which it is inserted
I have a header tag, where is my menu, this header tag has 80% screen width and is fixed at the top. I have just below the menu an image, which I want to take 100% of the screen, but is inside the…
-
2
votes1
answer158
viewsInsert CSS to show dependencies
I need to develop an HTML document similar to the image below: I’m having trouble making the calls, look who’s my project. I need you to stay more or less like this My html is like this:…
-
2
votes0
answers54
viewsWhat is ">" in CSS3?
I’ve always had this question: what is the point of > in CSS3? I have tried to deduce its function in several files, but still not understood. That: nav > li > a { ... } wouldn’t be the…
-
2
votes3
answers38959
viewsHow to position text within an image
I have the following picture and text TEST, would like to position the word TEST where is the X in the image. <img src="../Content/Images/top.png"> <label>TESTE</label> What’s the…
-
2
votes1
answer1110
viewsHow to create "grid" with floating elements similar to Pinterest
Hi, I’m creating a grid with divs floating to the left, but when it reaches the fifth div in blocking 1000px, it floats to the right and not to the left as it should be and the margin-top gets…
-
2
votes2
answers175
viewsUse links in geometric shapes
I have the following code: .menu .trapezioinvertido{ float:left; border-top: 70px solid #c1c1c1; border-left: 30px solid transparent; border-right: 15px solid transparent; height: 0; width: 120px;…
-
2
votes1
answer37
viewsPlacing a form-inline within a panel-group and continuing all elements online
I am not able to align the "Collapsible Group Item #1" with the "form(s)" as can be seen in this example: https://jsfiddle.net/mzygnyb2/ I sought to put the 'in-line' class in some parts of the code…
-
2
votes2
answers865
viewsCreate octagonal border button using html and css only
I need to create a button with the edges in octagonal as in the example attached but did not succeed. I need you to have a white border and the background to be free so you can change color when…
-
2
votes2
answers916
viewsCSS animation: control which element respects the screen size limits
I made a basic animation of a div that oscillates between the left and right side of the screen indefinitely. It occurs that when reaching the right edge of the screen, the div exceeds the visible…
-
2
votes1
answer900
viewsHow to transform (cut) only one side of the element with css?
I need to do a background like that of the image, I was able to do both sides using the transform: skew(), But I need to do it on the right side as in the image! I appreciate the help!! mine is so I…
-
2
votes1
answer1978
viewsHow to set box amount with flex
If I use display:flex in a structure ul>li, all items will be squeezed into a single row. I wonder if it is possible to determine the limit per line, for example three.. I can do with float:left,…
-
2
votes4
answers3072
viewsHow to leave a height-height fixed on the page?
What to make the page occupy 100% of the viewport, that it does not have scrollbar. Whether on a small, medium, large phone, tablet and desktop. The height (height) has to be fixed, occupying the…
-
2
votes2
answers1404
viewsTake another element’s background-color
It’s boring to keep changing the background color of various objects, I want to know if there’s any way I can define the color of an object and then just match the color of others with the color of…
-
2
votes1
answer960
viewsHow do I make an image appear on the full screen only in mobile mode?
Are two site templates, the desktop (Which is already ok) and mobile. In mobile, I want it to display a black background with JUST an image occupying the center of the screen. The entire length…
-
2
votes2
answers4370
viewsHow to "get rid" of vertical space between Divs?
I’d like to get every piece of my website glued to each other, each in a different color. But I can’t get rid of the blank space that stays between the Ivs. I tried to remove the code space and…
-
2
votes2
answers326
viewsCreating Navbar to Test Responsive Site
Hello, I find this question strange to explain, but I will try my best not to take negative vote haha, come on. Situation: I have a website, in it I present other website templates, I would like to…
-
2
votes2
answers333
viewsEquivalent Hide and CSS show
The code below does not run on all browsers: <button id="btn"> <img class="" src="/img/icone-formation.png" height="100%" width="100%" onclick="document.getElementById('f1').style.display…
-
2
votes2
answers6280
viewsHow to leave a div and an image over a Carousel?
I want to run a paddle and over it, a div and the logo, to give that effect of being superimposed. Try to do like this EXAMPLE, but without success. When I add such properties (absolute e relative)…
-
2
votes1
answer2094
viewsHow to put a SECTION next to each other?
I can’t, every time I try to cut the baseboard or it goes up. .principal { margin: 0 auto; background-color: #000000; } .bloco { height: 100%; width: 50%; padding: 5px; border-sizing: border-box;…