Tag:background image

  • How to set the background image in HTML (full screen display without stretching)

    Time:2021-7-2

    1 <br><em id=”__mceDel”>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture);</em></code></pre> <pre><code><em id=”__mceDel”><em id=”__mceDel”>3 background-size:cover;background-attachment: fixed; 4 background-repeat:no-repeat;background-position:center } It’s the code I use Background: background colorBackground image: select your background imageReapeat: whether the background image is repeated or not, itsSelect no repeat asRepeat is not repeated, repeat is repeated, repeat-x and repeat-y are only repeated in X and Y direction respectively.Attachment: […]

  • CSS3 frame by frame animation

    Time:2021-6-25

    <!doctype html> <html> <head> <meta charset=”utf-8″> < title > PNG animation <style> div { /Steps: the total number of frames of the picture, that is, how many pictures are there in the background picture/ animation: 5s steps(23) 0s normal none infinite running ape_amb; background-image: url(“https://imgs.developpaper.com/imgs/sprite-animal-ape.png”); background-position:-1821px center; height: 217px; margin-left: 210px; width: 169px; overflow:hidden; } […]

  • CSS – how to set div background

    Time:2021-6-9

    How to set div background There are only two steps to add background control to a component <View className=”gifts” style={{ background: `url(${baseUrl}starMove/exclusiveEntrance/card.png) no-repeat`, backgroundSize: ‘100% 100%’, }} > <View classname=”gift-lists”></View> </View> Set background and backgroundsize.style={ width:100%; height:100%; } How to center div: margin:0 auto; Set the value of height and line height to the same […]

  • Front end generation sharing poster compatible with H5 and small program

    Time:2021-6-2

    Mobile sharing poster generation Recently, the project needs to generate product sharing posters and save them to the mobile phone to be compatible with H5 and small programs After communicating with the back-end students, the poster has the least performance and better interactive experience in the front-end generation. First, see the effect Source address The […]

  • Custom style modification of small program swiper

    Time:2021-4-27

    Custom style modification of small program swiper When we do projects, we often use the swiper component to do some carousel effects, but we encounter such a problem: the native swiper style of the small program can not meet the needs of the design draft. In this case, we have to manually change the native […]

  • Implementation code of setting div background in CSS

    Time:2021-4-27

    There are only two steps to add background control to a component <View className=”gifts” style={{ background: `url(${baseUrl}starMove/exclusiveEntrance/card.png) no-repeat`, backgroundSize: ‘100% 100%’, }} > <View classname=”gift-lists”></View> </View> Set background and backgroundsize. style={ width:100%; height:100%; } PS: now let’s introduce how the CSS file can make the size of the background image adapt to the size of […]

  • Set mask for background image and solve the problem of mask style inheritance

    Time:2021-4-16

    Many times in the work, we need to deal with the image background, such as setting the permeability, blurring and so onHowever, if you directly set these effects on the label of the background image, these styles will be inherited by the child labels.Example 1: blur the label of the background, which affects the text […]

  • CSS3 sets the mask for the background image and solves the problem of mask style inheritance

    Time:2021-3-11

    Many times in the work, we need to deal with the image background, such as setting the permeability, blurring and so on However, if you directly set these effects on the label of the background image, these styles will be inherited by the child labels. Example 1: blur the label of the background, which affects […]

  • Wechat app poster generation

    Time:2021-3-6

    Recently, there is a need to generate sharing posters so that users can save the pictures locally and share them with their friends. I thought it was a very simple demand, but I never thought that wechat would be such a pit.The initial idea is as follows: The background obtains the corresponding small program code […]

  • Text editor of C + + QT project (1)

    Time:2021-1-29

    Example of text editor Project development environment System version: Windows 10QT version: 5.9.9Development language: C++ Realized function File operation: new, open, save, save as, print, exit Editing operations: copy, paste, cut, find, replace, undo, restore Text editing: font, size, bold, slant, color Personalized function: background color modification (the default background color of the software is […]

  • Python express artifact, which belongs to the programmer’s romance

    Time:2021-1-29

    The text and pictures of this article are from the Internet, only for learning and communication, and do not have any commercial use. The copyright belongs to the original author. If you have any questions, please contact us in time 1、 Preface Tanabata coming, give programmers a white artifact, this is our programmer’s romance. 2、 […]

  • Responsive web design project – cnblogs user opinion survey (Fantasy)

    Time:2021-1-24

        Responsive web design project cnblogs user opinion survey https://codepen.io/yiyunpan//   #Technology stack 1. Using HTML, JavaScript and CSS. This is pure CSS   #Content 1. Using H5 semantic tag 2. Features of H5 form are used 3. After the selection / option / textarea style is reset, it uses the same style as […]