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
-
1
votes1
answer425
viewsFor sale in Themeforest
Fala galera, Has anyone from Brazil ever sold items on Themeforest? Does it pay? Are there other alternative platforms? I saw that need documentation of the item to sell on Themeforest, would anyone…
-
1
votes1
answer312
viewsAnimation with height with relative measurements
.item-case { position: relative; overflow: hidden; padding-right: 0; padding-left: 0; margin-right: 15px; margin-left: 15px; } .item-case .info { min-width: 100%; max-width: 100%; background-color:…
-
1
votes1
answer2077
viewsHow to show more posts when you click button?
In the loop I put to show 12 Woocommerce products. <div id="vitrine" class="container-fluid"> <?php $args = array( 'post_type' => 'product', 'posts_per_page' => 12 ); $loop = new…
-
1
votes1
answer128
viewsProblems with Width
Hello, I have a problem in my project, at the top of my site I want a picture and a blue block, as represented below, Both are inside a div#top with height: 10% and width: 100%; The image has a…
-
1
votes2
answers71
viewsHow to perform text distribution on a line
I have a detail page where the product title when resizing the browser or viewed on a mobile device the text is completely aligned to the left, I would like the alignment to remain but the text to…
css3asked 9 years, 9 months ago adventistapr 5,498 -
1
votes0
answers98
viewsSlider fullscreen inside bootstrap columns 3
Good afternoon to all. I am using bootstrap 3 and I am facing a problem that I have not been able to solve for more than 1 week. I have a layout that has 1 column for menu and other 11 to be a…
-
1
votes3
answers1741
viewsChange the breakpoint (breakpoint) of the navbar
I have a navbar that works with Collapse, so when in lower resolution the menu is grouped and appears only when clicked. Anyway, is there any way that I can change the navbar breakpoint only so that…
-
1
votes2
answers8872
viewsHow to repeat an HTML CSS image
I want to use an image in the header of the site, it is small and I would like to repeat it horizontally throughout the header using CSS. The HTML is as follows:: <body> <header> <div…
-
1
votes1
answer60
viewsTurn 3 CSS classes into one
I have these three classes css, and I wonder if it is possible to turn into one, it would be used in panel grid of Primefaces .panelGridCenter { margin: 0 auto; } .gridNoBackground tr{ background:…
-
1
votes1
answer561
viewsPanel title with responsive pull-right button
Friends, I need a panel whose title has a close button inside it, to the right and responsive. The code below was the closest I could reach using buttons. Thank you very much for your help. <div…
-
1
votes0
answers265
viewsStylization of video controllers
I want to style the controllers I created with HTML, CSS and Javascript, but I’m not able to make one that would be to "mutate" (remove the sound). It works like this: it will have the image of a…
-
1
votes1
answer3916
viewsTimer with minute hour day and second
I wonder if there is any plugin to do this timer same as this page for example: http://dotrex.co/theme-preview/aimer-wedding/ If you have any example or link for consultation I would also be…
-
1
votes2
answers64
viewsFloat does not work properly
Using good coding practices and cross browser code in the browsers:Google Chrome, Safari and Mozila I would like to know if I’m missing something because I have 2 columns of text and I want one of…
-
1
votes2
answers104
viewsHow do images/videos adjust themselves?
Hello, I’m finishing developing an app, I put in it the images with 450px wide, thinking it would work, because currently all devices have at least 480x800 resolution, while compiling I went to test…
-
1
votes3
answers128
viewsList with display inline does not work properly
I need to align in 3 columns my image and text help me please follow my code they are in a list ul li { list-style-type: none; } .corpo-1 h1 { color: #000; text-align: center; font-family: Gabriola;…
-
1
votes2
answers434
viewsno fixed menu when scrolling the page
I want my menu to stay fixed as soon as it reaches the top of the page but I’m not succeeding with that I do not know where I am missing follow my code below: <script type="text/javascript">…
-
1
votes1
answer269
viewsHow to center an image that is absolute
I’m not able to center an image that has the property position :; tried to use a text-align:center and yet the year was because. Note: the result has to work in the browsers :Google Chrome, Mozila,…
-
1
votes1
answer219
viewsAccess site on mobile without being connected to network
I made a website on HTML5 and placed in the IDE called NetBeans ran the project and it came with the following url: http://localhost:8383/tecmov/index.html. Through it I can access my project from…
-
1
votes1
answer345
viewsResponsive typography (Flow Text css)
Well, I was studying on responsive texts and found the css class of Materialize that leaves the texts responsive according to the width of the screen. Open the source code to try to understand how…
-
1
votes1
answer384
viewsHighlight link from current page
I am implementing a menu in the header of my page. As the user clicks on the buttons in this menu, the page is rendered just below. I would like to highlight in the menu the button referring to the…
-
1
votes1
answer208
viewsHover effect does not work
I’d like to make an effect Hover in my form similar to that of this site: http://novaerateam.com.br/ When you hover the mouse on top a little box appears on the side I can’t do it .corpo-1 ul li {…
-
1
votes1
answer271
viewsEffect of random words
Personal I am wanting an information I am behind an effect whose name I do not know I am trying to search the internet however I do not know the name gets very difficult and on top of that I do not…
-
1
votes0
answers66
viewsText with color contrast to the background using Chroma.js
In the following file Generator of random themes I have the code that uses Chroma.js to check the color of bg by making the text contrast, but it only generates one color for each background color…
-
1
votes1
answer227
viewsTransition-delay css 3
I have a Hover effect that assigns a display: block in an element. I wish there was a delay of 2 or 3 seconds before the element that receives the block appears. I know about this Transition-delay…
-
1
votes1
answer52
viewsHow to show a thumbnail of a circular wodpress post?
I’m trying to show the image of the post wordpress in rounded shape, what would be the best way? It is returned through the function "the_post_thumbnail()" wordpress. Can someone help me? <?php…
-
1
votes3
answers2842
viewsResponsive horizontal list that adjusts to 100% of parent div width
I created a list with some social media buttons, only the last button is from Whatsapp, and I don’t want it to appear in the version desktop, only in the mobile. So I created this media query:…
-
1
votes2
answers2102
viewsDynamically change the text color based on a background color
Guys, I have this code where it generates me a kind of theme https://jsfiddle.net/jpcaja7t/18/ and I would like to apply this other code on it so that the text is in contrast to bg, how can I do…
-
1
votes0
answers137
viewsScreen Design Tool with HTML5
Greetings, search drag-drop style tool, intuitive and easy. Able to insert the components to a webapp referring to the visual part. Which automatically generates, or in real time, the HTML5 code and…
-
1
votes1
answer171
viewsSection with display block does not work properly
I have the following problem: I opened a topic yesterday regarding some positions that were getting wrong, and that I was able to solve. However, another problem appeared which consists of the…
-
1
votes0
answers49
viewslinear-gradient with Inherit does not work
Why the attribute is inherit does not work when associated with property linear-gradient? Example: background: linear-gradient(to bottom, transparent 0%, inherit 100%); Note: Code tested in browsers…
-
1
votes1
answer48
viewsHow to determine the number of edges of radarchart?
I’m using Radarchart of Chart js.. Have that Fiddle working. Note that in this example the graph is mounted dynamically according to the entered data. Well, I would like to determine the amount of…
-
1
votes2
answers1368
viewsResponsive form in HTML?
I am using the following code below, where the span controls the description text, the <p> controls a line of form, and the id of input specifies its size, this defined in CSS: #cmpG {width:…
-
1
votes1
answer52
viewsHow to use the Calc() attribute in the LESS Preprocessor
When using the attribute Calc() in LESS I came across the following problem: When compiling the code height: -webkit-calc(100vh - 6em); the output resulted in the calculation of 100 - 6 and adds the…
-
1
votes1
answer114
viewsKey Frame CSS3 - Logo
I’m doing the company logo on HTML + CSS with animation that simulates the construction/growth of the logo, all with CSS Key Frames, but it turns out that the whole logo starts and each part appears…
-
1
votes2
answers685
viewsJquery how to set a value in a field with CPF Mask?
I have an input using an example CPF mask : $("#cpfDependente").mask('000.000.000-00'); and I’m trying to set a value in the input this way $("#cpfDependente").val(dependente.cpf); It correctly…
-
1
votes1
answer129
viewsCSS 3 Serrated Skew in Chrome
When using the Transform: skew(value) property in Webkit browsers it displays a certain serration where it gets angled: -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -ms-transform:…
-
1
votes1
answer26349
viewsResponsive image alignment with Bootstrap
I’m having trouble aligning a responsive Bootstrap image to the center. My image is with class (.img-responsive) properly applied and inserted into a row and of div with class .col-md-12. When I…
-
1
votes2
answers182
viewsFull screen images
How to place 2 images or more side by side, occupying 100% of the page? @charset "utf-8"; * { margin: 0; padding: 0; } .galeria { background: #FFFFFF; width: 100%; height: 768px; display:…
-
1
votes1
answer492
views -
1
votes1
answer435
viewsImprint striped table using bootstrap 3 and css3
I have a report in which I have a table with many lines. But when I have the colors of the bootstrap striped table printed they don’t appear in the print. I can print the colors on the columns, as…
-
1
votes0
answers689
viewsHTML & CSS create responsive menu
I need your help, I’m programming a website, I want it to be responsive. I created a bar, this is responsive, and I put the menu horizontally on the right side of the screen, on the left side I put…
-
1
votes0
answers1034
views"Image rain" effect on CSS3, Jquery or Javascript. How to do?
What I got: -A div with class "background-bg", whose image fills the entire screen. <div class"background-bg"></div> What I want to do: -Create a "rain/snow" effect (falling type) using…
-
1
votes2
answers6097
viewsHow do I put Hover in an image?
How do I put Hover in a picture. And when passed the mouse appears the Hover with text inside.
-
1
votes0
answers394
viewsI made the implementation of fb:app_id but debug is not being identified
made the implementation of: <meta property="fb:app_id" content="966242223397117" /> But when I debug by address: https://developers.facebook.com/tools/debug/og/object/ he informs that he has…
-
1
votes1
answer931
viewsEffects for menu with CSS3
I want when I click the #menu button it comes from left to right occupying the entire screen. Can anyone help me do this with css3? At the moment I make the menu go down with javascript slidetoggle,…
-
1
votes1
answer65
viewsScroll button after swapping css with Jquery
I have the following input: When you click the change button a new input appears: When you click this remove button, the first input appears again, only the button breaks the line and looks like…
-
1
votes2
answers671
viewsSubmit DIV over another DIV
I am using a DIV with the message "processing" and opaque background, every time a request occurs (user iteration when clicking a button). However, this screen is also presented when I have an open…
-
1
votes1
answer696
viewsRestful site, when resizing the elements go to the bottom of the page
The page has only one photo in the center and some texts. I added a Media Query so that when the viewport is less than 700px it increases the images, but when I decrease my screen, it explodes...…
-
1
votes1
answer130
viewsThe width of my site is not equal, header is smaller than the rest. How to resolve?
The width of my site is not the same as can be seen below: The header (logo bar, navigation and main image) is smaller than the content of the site, I am using Bootstrap. The CSS with the measures…
-
1
votes1
answer309
viewsLinear-gradient and browser compatibility
I’m using the following background css in a menu: background: -webkit-linear-gradient(left, #0260a9, #444); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left, #0260a9, #444); /* For…