Мазмұны:

Bootstrap жүйесінде жылжыту әсерін қалай жасауға болады?
Bootstrap жүйесінде жылжыту әсерін қалай жасауға болады?

Бейне: Bootstrap жүйесінде жылжыту әсерін қалай жасауға болады?

Бейне: Bootstrap жүйесінде жылжыту әсерін қалай жасауға болады?
Бейне: 004-Bootstrap тақырыбына практика І бөлім , жобаланған екінші сайт 2024, Сәуір
Anonim

Нұсқаулар

  1. 1-қадам: Жасау а класты қамтитын қаптама. көру.
  2. 2-қадам: үшін сынып қосыңыз әсері қалайсың дейін пайдаланыңыз (мысалы. қабаттасу немесе.
  3. 3-қадам: жолды орнатыңыз дейін сурет.
  4. 4-қадам: сыныпты қосыңыз.
  5. 5-қадам: Қаласаңыз дейін біраз мәтін қосыңыз, сіз алады сыныпты пайдаланыңыз.

Сонымен қатар, hover эффектісі дегеніміз не?

Меңзер әсері тінтуірдің көрсеткісін қойған кезде қандай да бір элементтің жай ғана өзгеруі (түсі, өлшемі, пішіні, кескіні т.б.). Әдетте бұл CSS кодтауымен қол жеткізіледі. The меңзер әсері мүлде ашуланшақ емес және оны кез келген CSS элементі үшін қолдануға болады.

Сондай-ақ, CSS меңзерін қалай апаруға болады? The: меңзеу селектор – курсор немесе тінтуір меңзері болатын элементті бағыттауға мүмкіндік беретін псевдокласс қалықтау бітті. Қолдану қиын: меңзеу сенсорлық құрылғылардағы селектор. IE4-тен бастап: меңзеу селекторды тек тегтермен пайдалануға болады. IE7-ден бастап: меңзеу селектор алады барлық элементтермен бірге қолданылады.

Сондай-ақ, суретке мәтінді қалай апаруға болады?

Тек CSS3 көмегімен меңзердегі суреттің үстінде анимациялық мәтінді көрсету жолы

  1. HTML жасау¶ көмегімен суретті қосыңыз

    тег және мәтін. Алдымен суретті пайдаланып қосу керек

    тег.

  2. CSS жасау¶ Орнату: меңзерді апару селекторы. Меңзерді жылжыту әсері элементті таңдайтын және мәнерлендіретін:hover псевдоклассы арқылы орнатылады.

Айналудан қалай құтылуға болады?

Қону әсерін өшіру үшін менде екі ұсыныс бар:

  1. егер меңзерді жылжыту эффектісі JavaScript арқылы іске қосылса, жай ғана $ пайдаланыңыз. unbind('көтеру');
  2. егер меңзерді жылжыту стилі сынып арқылы іске қосылса, жай ғана $ пайдаланыңыз. RemoveClass('hoverCssClass');

Ұсынылған: