.explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; }

• Home
• About
• Log In
• Account
• Search
• Archive
• Committees
• Author Guidelines
• Flyer
• Handbook
• Presentations
• Proceedings

Home > ICCM2024, July 15th-18th, Virtual Conference > The 7th International Conference on Computational Methods (ICCM2016) > Presentations and Authors

Title Author contains is
Last name A B C D E F G H I J K L M N O P Q R S T U V W X Y Z All
Track: All Tracks Plenary Speaker & Thematic Plenary Speaker MS-000 General Papers MS-001 Theory and Formulation for Novel Computational Methods MS-002 Advanced Computational Modelling of Fracture and Damage MS-003 Modelling and Simulation on Nanomechanics MS-004 Computational Methods and Applications in Geoscience & Engineering MS-005 Medical Rapidprototyping and Tissue Engineering MS-006 Computational Methods in Engineering MS-007 Fracture Modeling in Functional and Multifield Smart Materials and Structures MS-008 Parallel and other high performance computing in the solution of partial differential equations MS-009 Computational Modelling of Multi-Uncertainty and Multi-Scale Problems MS-010 Particle Based Methods MS-011 Large Scale Coupled Problems and Related Topics MS-012 Multiscale and Multiphysics Modelling for Complex Materials MS-013 Orthopaedic Biomechanics and Mechano- Biology MS-014 Computational Modelling in Material Processing MS-015 Advanced Computational Methods in Underwater Acoustics MS-016 Reconstruction and Extrapolation of N-dimensional Data MS-017 Modelling and Characterisation of Mechanical Behaviour of Advanced Materials MS-018 Application and theory of mesh-free methods engineering and scientific problems MS-019 New Horizons in FEM Analysis for Mechatronics in the Medical Applications MS-020 Computational Methods for Intelligent Systems MS-021 Computational Methods for Internet, networks and Security MS-022 Software Development and Coding Techniques MS-023 Computational Methods for Big-Data MS-024 Computational Methods for Images, Graphics, and 4D-Data MS-025 Computational Methods for Business Operations MS-026 Numerical Modelling of Composite Structures Subjected to Extreme Loading Conditions MS-027 Computational Methods for Sound and Vibration MS-028 Phase-field Method: Theory, Algorithm and Application MS-029 Methods for Multi-Phase Flows MS-030 Computational Acoustics and Elastodynamics in Solids and Structures MS-031 Numerical modelling of solar enhanced combustion and gasification MS-032 DE-FEM and it's application MS-033 Fluid-Structure Interaction and Multiphysics Problems in Aerospace Engineering MS-034 Multiscale Modelling of Advanced Engineering Materials and Structures MS-035 Application of metaheuristic algorithms to structural design and analysis MS-036 Numerical methods for structural dynamics, control and health monitoring MS-037 Multilevel direct and iterative solvers for linear systems: theory and applications MS-038 Computational Biomechanics of Musculoskeletal Tissues MS-039 Advanced Computational Methods for Soft Matters MS-040 Multi-scale Computational Mechanics for Heterogeneous Materials MS-041 Advances in Simulation for Marine and Offshore Applications MS-042 Recent Advances In Meshfree and Particle Methods MS-043 Modeling and Simulation of Cellular Migration: from Molecules to Multiple Cells MS-044 Advances in the BEM and Other Related Mesh-Reduction Methods MS-045 Knowledge Based Artificial Intelligence Applied To Computer Aided Engineering MS-046 Smoothed Finite Element Methods: Theory and Applications MS-047 Innovative Techniques and their Applications to Fluid-Structure Interaction Problems MS-048 Advances in Numerical Methods for Multiple Inclusion Problems MS-049 Computational errors and their evaluation, from theory to engineering practice MS-050 Multiphysics Computation and Applications MS-051 Direct Methods: Computations and Applications MS-052 Numerical Methods in Financial Engineering and Risk Management MS-053 Stochastic Dynamic Analysis for Performance Based Engineering Approach MS-054 Failure and instabilities in soft materials and geomaterials MS-055 Structural uncertainty analysis and design MS-056 Modeling and Characterization of Nanocomposites MS-057 Advanced modelling and simulation of linear and nonlinear dynamic systems MS-058 Computational Methods for Model Reduction and its Engineering Applications MS-059 Theoretical and Computational Models for Additive Manufacturing MS-060 CFD of turbulence for applied, industrial, or environmental flows MS-061 Structural optimization methods and applications MS-062 Advanced Modeling and Simulation for Dynamics and Control MS-063 Computational modelling for environmental and water resources engineering applications MS-064 Structural damage by internal/external explosion MS-065 Inverse problems in Engineering MS-066 Uncertainty management approaches ​MS-067 Methods for complex material and structural systems

 

MS-001 Theory and Formulation for Novel Computational Methods

Keynote: Computing contact forces of elastic structure based on entropy in statistical physics
Zhaocheng Xuan

MS-002 Advanced Computational Modelling of Fracture and Damage

Keynote: EXPLICIT MODELLING OF FIBRE PULLOUT IN CEMENTITIOUS COMPOSITES
Hui Zhang, Rena C. Yu, Shilang Xu

Modeling of Propagation of Multiple Cracks Using Peridynamics
Jiangming Zhao, Yu Sun, Fei Xu, Yijun Liu

Explicit modelling of fracture in fiber-reinforced cementitious composites
Hui Zhang, Zhenjun Yang, Shilang Xu

MS-003 Modelling and Simulation on Nanomechanics

Molecular Dynamics Study on Wetting of Wrinkled Graphene
Chengpeng Huang, Yu Sun, Fei Xu

MS-006 Computational Methods in Engineering

Keynote: Analysis of time-dependent problems using a stable node-based smoothed finite element method
Cui Xiangyang, Li Guangyao

MS-016 Reconstruction and Extrapolation of N-dimensional Data

Non-intrusive POD-based Simulation for Heat Diffusion Systems
Manyu Xiao, Guohua Zhang, Yufeng Nie

MS-017 Modelling and Characterisation of Mechanical Behaviour of Advanced Materials

The effect of stray grains on the mechanical behavior of nickel-based single crystal superalloy
Tang HaiBin, Guo HaiDing, Liu XiaoGang, Yang SiHui, Huang Li

MS-029 Methods for Multi-Phase Flows

Euler-Lagrangian Simulation of Multiphase Plumes in Stratified Flows
Ruo-Qian Wang, Rui Sun, Heng Xiao

MS-050 Multiphysics Computation and Applications

Keynote: Accelerated multi-temporal scale approach to fatigue failure prediction
Rui Zhang, Lihua Wen, Jinyou Xiao, Dong Qian

Tuning the wettability of nanoporous materials for active fluidic control
Yahui Xue, Xiying Li, Huiling Duan

MS-057 Advanced modelling and simulation of linear and nonlinear dynamic systems

A fundamental study for the beat phenomenon in metal nanowires
Zhuoqun Zheng, Xu Xu

MS-060 CFD of turbulence for applied, industrial, or environmental flows

Keynote: Simulation of wave effects on turbulence
Lian Shen, Anqing Elliott Xuan, Tao Cao

Numerical Validation and Analysis of the Semi-submersible Platform of the DeepCwind Floating Wind Turbine based on CFD
Ke Xia, Decheng Wan

.explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; }