Skip to content

YASIR252

Download Software Terbaru & Game Gratis

    • Adobe
    • Android
    • Driver PC
    • iOS
    • Mac
    • Windows 10
    • Windows 11
    • CD DVD Tools
    • File and Folder
    • Games
    • Microsoft Office
    • System Tools
    • Utilities
    • Privacy Policy
    • Terms And Conditions

    Recent Posts

    • Mass Effect Andromeda Retakan + Terbaru Download
       February 5, 2023 No Comments
    • windows firewall control full
      Windows Firewall Control Crack 8.4.0.81 Terbaru
       February 5, 2023 No Comments
    • Avast Premier Crack
      Avast Premier Crack + License Key Download 2023
       February 4, 2023 No Comments
    • vlc media player
      VLC Media Player Crack 4.0.3 Gratis 2023
       February 4, 2023 No Comments
    • idm full crack
      IDM Crack 6.41 Build 6 Terbaru Download 2023
       January 23, 2023 No Comments

    Categories

    • Software
    • Apps
    • Tutorial
    • Games
    • PC Games
    • editing
    • Other Software
    • Android
    • Sistem Operasi
    • Design Graphic
    • Internet
    • operating system
    • Converter
    • Informasi
    • multimedia
    • Office
    • System Tools
    • antivirus
    • audio
    • Windows 10
    • File and Folder
    • download manager
    • Utilities
    • Windows 11
    • iOS
    • Video Editor
    • Adobe
    • animasi
    • Tech
    • PDF Software
    • Tips Trik
    • data backup
    • media player
    • Mac
    • browser
    • Game PC
    • Windows 8
    • data recovery
    • Windows 7
    • screen recorder
    • activator
    • Microsoft Office
    • macOS
    • tune up
    • desktop
    • Desain
    • hack
    • Driver PC
    • Tools
    • burning
    • Corel
    • foto
    • SlideShow Maker
    • Screen Capture
    • Anti Virus
    • CD DVD Tools
    • Desktop Environment
    • emulator
    • Programming
    • Audio Editor
    • Development
    • DVD Tools
    • Autodesk
    • Update Driver
    • Linux
    • Copy Software
    • Design Web
    • Uncategorized
    • Bisnis Online
    • Pes 2017
    • pluggin
    • SketchUp
    • Fonts
    • Pes 2021
    • Pes 2019
    • Jaringan
    • Remote PC
    • web desain
    • video
    • chatting

    Tutorial CSS : Membuat Warna Background Berkedip Terbaru Download 2022

    Programming
    admin in 21 Oct 2022

    Tutorial CSS : Membuat Warna Background Berkedip Retakan + Terbaru Download 2022

    Tutorial CSS Jika kalian melihat menu search icon diatas website ini, warna backgroundnya berkedip kan? Itulah yang akan kita bahas kali ini. Yaitu membuat warna background berkedip menggunakan bahasa pemrograman CSS. Sebelum masuk ke pembahasan, simak juga artike

    Membuat warna background berkedip sangatlah mudah. Kalian cukup mencari <div class> yang ingin diterapkan teknik ini, lalu menambahkan kode css pada style.css. Ikut beberapa langkah dibawah ini dengan seksama ya!

    Cara Membuat CSS Background Berkedip di Website

    Yang kalian butuhkan untuk membuat css background berkedip adalah, Browser (chrome, firefox) yang paling terbaru, dan kalian juga harus memiliki akses ke file server untuk merubah file css. Pada tutorial kali ini saya menggunakan browser google chrome, filezilla untuk mencari file style.css dan notepad++ untuk melakukan editing css.

    1. Buka website di browser, lalu klik kanan dimana aja. Pilih Inspect
    2. Sekarang kita cari class yang akan diberikan efek berkedip
    3. Gunakan tools Select Element, lalu seret crosshair ke elemen css
    4. Nanti akan muncul class elemen bernama, .ajax-search-icon
    5. Lalu kita cek ke konsol CSS untuk mengetahui dimana letak file yang bersangkutan.
    6. Lokasi file sudah ditemukan dengan nama style css, tn-style.min.css,
    7. Sekarang tinggal masuk ke FTP. Cari file tersebut, lalu edit menggunakan Text Editor.
    8. Pada text editor. Kalian search (CTRL + F) .ajax-search-icon
    9. Jika telah ditemukan yang sesuai, silahkan tambahkan kode berikut ini kedalam barisan css
      .ajax-search-icon {
       -webkit-animation: kedip 1s infinite;
        -moz-animation:    kedip 1s infinite;
        -o-animation:      kedip 1s infinite;
        animation:         kedip 1s infinite;
      }
      
      @-webkit-keyframes kedip {
      0%, 49% {
          background: #EC4C51;
          color : #fff
         
      }
      50%, 100% {
          background: #f2f2f2;
          color : #000
         
      }
      }
    10. Kalian jangan lupa rubah .ajax-search-icon sesuai dengan elemen yang harus dirubah
    11. Rubah warna hex background untuk mengganti warna latar belakang yang berkedip. Ada 2 background ya.
    12. Rubah color untuk mengganti warna text dan icon yang ada didalam class .ajax-search-icon 

    Save file yang telah di edit dan coba refresh ulang halaman website kalian. Jika sudah berkedip maka kalian berhasil! Kalau tidak berhasil, silahkan komentar dibawah, saya coba bantu. Sekian tutorial css singkat kita kali ini mengenai cara membuat warna background berkedip di css. Semoga bermanfaat!

    Like this:

    Like Loading...

    Related

    Short URL https://yasir252.org/?p=546
    Tagsadobe flash tutorial cs6angular 4 css tutorialangularjs tutorialbest css tutorial 2020best css tutorial on youtubebest css tutorial quorabest css video tutorialbest tutorial on cssbootstrap 4 css tutorialbootstrap 5 css tutorialcss 2 tutorialcss 2.1 tutorialcss 3d tutorialcss 4 tutorialcss 5 tutorialcss 5 tutorial pdfcss 6 tutorialcss box model tutorialcss external tutorialcss flexbox video tutorialcss full tutorial videocss gradient tutorialcss grid tutorial 2020css grid tutorial gamecss javascript tutorialcss keyframe tutorialcss keyframes tutorialcss klassen tutorialcss modules tutorialcss query tutorialcss tutorial (w3schools.com)css tutorial 1css tutorial 2020css tutorial 2021css tutorial advancedcss tutorial apkcss tutorial background colorcss tutorial beginnercss tutorial book pdfcss tutorial box modelcss tutorial by w3schoolcss tutorial classcss tutorial completecss tutorial displaycss tutorial downloadcss tutorial download pdfcss tutorial dreamweavercss tutorial dropdown menucss tutorial edurekacss tutorial examplescss tutorial expertcss tutorial external style sheetcss tutorial for beginnerscss tutorial for beginners pdfcss tutorial for beginners youtubecss tutorial freecodecampcss tutorial full coursecss tutorial full pdfcss tutorial giraffe academycss tutorial githubcss tutorial hovercss tutorial id classcss tutorial in 10 minutescss tutorial in 5 minutescss tutorial in htmlcss tutorial in pdfcss tutorial in urducss tutorial in urdu pdf downloadcss tutorial in w3schoolscss tutorial in youtubecss tutorial indonesiacss tutorial interactivecss tutorial javatpointcss tutorial kudvenkatcss tutorial login formcss tutorial on w3schoolscss tutorial on youtubecss tutorial onlinecss tutorial pdf 2020css tutorial pdf free downloadcss tutorial point interview questionscss tutorial quickcss tutorial reactcss tutorial redditcss tutorial udemycss tutorial uppercasecss tutorial videocss tutorial video in hindicss tutorial video in tamilcss tutorial videos beginnerscss tutorial videos free downloadcss tutorial w3css tutorial w3ccss tutorial web designcss tutorial websitecss tutorial website layoutcss tutorial with examplescss tutorial with projectcss tutorial yahoo babacss tutorial youtubecss tutorial youtube for beginnerscss tutorial youtube in hindicss tutorial youtube videocss tutorial z indexcss tutorial zero to herocss tutorial.comcss variable tutorialcss xpath tutorialcss3 tutorial pdfcss3 tutorial pointcss3 video tutorialflexbox tutorial (css) real layout exampleshtml & css tutorial and projects coursehtml and css tutorial 2 case 1html and css tutorial 3 designing a page layouthtml and css tutorial 3 reviewhtml and css tutorial 4 case problem 1html and css tutorial 4 review assignmenthtml and css tutorial 5 case problem 2html and css tutorial 5 review assignmenthtml and css tutorial 6html and css tutorial 6 case problem 1html and css tutorial 7 case problem 1html and css tutorial video downloadhtml css tutorial 6 case 1html css tutorial javatpointhtml css tutorial udemyhtml css tutorial videohtml css tutorial youtubehtml e css tutorialhtml y css tutorialhtml5 css tutorialhtml5 css3 tutorial for beginnershtml5 y css3 tutorial españoli cssionic 5 css tutorialnavbar css tutorial 3 ways to create a navigation bar with flexboxonline tutorials css youtubepandaisia chocolates tutorial 3 csstailwind css tutorial 2021tailwind css tutorial reacttailwind css tutorial udemytailwind css video tutorialtutorial animate.csstutorial basico css ciudadano 2.0tutorial bootstrap.min.csstutorial cs6tutorial cs6 photoshoptutorial cs6 photoshop pdftutorial css 3d animationtutorial css and htmltutorial css animationtutorial css avanzadotutorial css bahasa indonesiatutorial css basicotutorial css bootstraptutorial css box modeltutorial css completotutorial css dasartutorial css desde cerotutorial css divtutorial css españoltutorial css español pdftutorial css flextutorial css gradientetutorial css gridtutorial css grid layouttutorial css htmltutorial css itatutorial css javafxtutorial css layouttutorial css lengkaptutorial css lengkap pdftutorial css media queriestutorial css para principiantestutorial css pdftutorial css pemulatutorial css positiontutorial css positioningtutorial css ppttutorial css responsivetutorial css responsive designtutorial css romanatutorial css untuk pemulatutorial css w3schoolstutorial css3tutorial css3 html5tutorial css3 pdftutorial de csstutorial dropdown menu csstutorial for csstutorial html css javascripttutorial html css javascript pdftutorial html css jstutorial html css layouttutorial html css pdftutorial html css phptutorial html css websitetutorial html css y javascripttutorial html dan css lengkap pdftutorial javascript css htmltutorial less csstutorial materialize csstutorial membuat csstutorial on csstutorial on css margintutorial on css pdftutorial republic csstutorialspoint csstutoriel css en francaistwine 2 css tutorialuikit tutorial cssvideo tutorial cssvideo tutorial html css javascriptway2tutorial cssz-index tutorial css

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    ← Previous Post Next Post →

    Search

    Recent Posts

    • Mass Effect Andromeda Retakan + Terbaru Download
    • windows firewall control full
      Windows Firewall Control Crack 8.4.0.81 Terbaru
    • Avast Premier Crack
      Avast Premier Crack + License Key Download 2023
    • vlc media player
      VLC Media Player Crack 4.0.3 Gratis 2023
    • idm full crack
      IDM Crack 6.41 Build 6 Terbaru Download 2023

    Recent Comments

    No comments to show.

    Archives

    • February 2023 (4)
    • January 2023 (1)
    • December 2022 (6)
    • October 2022 (1948)

    Categories

    • activator (8)
    • Adobe (14)
    • Android (36)
    • animasi (13)
    • Anti Virus (4)
    • antivirus (20)
    • Apps (353)
    • audio (20)
    • Audio Editor (3)
    • Autodesk (2)
    • Bisnis Online (2)
    • browser (10)
    • burning (4)
    • CD DVD Tools (3)
    • chatting (1)
    • Converter (23)
    • Copy Software (2)
    • Corel (4)
    • data backup (13)
    • data recovery (9)
    • Desain (7)
    • Design Graphic (27)
    • Design Web (2)
    • desktop (7)
    • Desktop Environment (3)
    • Development (2)
    • download manager (16)
    • Driver PC (6)
    • DVD Tools (2)
    • editing (40)
    • emulator (3)
    • File and Folder (17)
    • Fonts (1)
    • foto (4)
    • Game PC (9)
    • Games (126)
    • hack (6)
    • Informasi (22)
    • Internet (26)
    • iOS (15)
    • Jaringan (1)
    • Linux (2)
    • Mac (11)
    • macOS (7)
    • media player (12)
    • Microsoft Office (8)
    • multimedia (22)
    • Office (21)
    • operating system (25)
    • Other Software (36)
    • PC Games (58)
    • PDF Software (13)
    • Pes 2017 (2)
    • Pes 2019 (1)
    • Pes 2021 (1)
    • pluggin (1)
    • Programming (3)
    • Remote PC (1)
    • Screen Capture (4)
    • screen recorder (8)
    • Sistem Operasi (32)
    • SketchUp (1)
    • SlideShow Maker (4)
    • Software (718)
    • System Tools (21)
    • Tech (13)
    • Tips Trik (13)
    • Tools (5)
    • tune up (7)
    • Tutorial (132)
    • Uncategorized (2)
    • Update Driver (2)
    • Utilities (16)
    • video (1)
    • Video Editor (15)
    • web desain (1)
    • Windows 10 (19)
    • Windows 11 (15)
    • Windows 7 (8)
    • Windows 8 (9)

    © 2021-2023 YASIR252

    Powered by WordPress Whiteboard Theme

    ↑
    Go to mobile version
    %d bloggers like this: